快捷導(dǎo)航

JS函數(shù)重載的解決方案

更新時間：2014年05月13日 15:29:36 作者：

在面向?qū)ο蟮木幊讨校芏嗾Z言都支持函數(shù)重載，能根據(jù)函數(shù)傳遞的不同個數(shù)、類型的參數(shù)來做不同的操作，JS對它卻不支持，需要我們額外做些小動作。

在面向?qū)ο蟮木幊讨?，很多語言都支持函數(shù)重載，能根據(jù)函數(shù)傳遞的不同個數(shù)、類型的參數(shù)來做不同的操作，JS對它卻不支持，需要我們額外做些小動作。
　　
　　在JS的函數(shù)執(zhí)行上下文中有一個名為arguments的有意思的變量，它以數(shù)組的形式存儲了函數(shù)執(zhí)行時傳遞過來的所有參數(shù)，即使函數(shù)定義沒有定義這么多個形參。還有一個特別之處就是跟Array類型相比，arguments變量有且只有一個length屬性，Array的方法，例如push、pop 等，它并不具備，它只是一個“偽數(shù)組”：具有l(wèi)ength屬性，存儲的數(shù)組能夠用數(shù)組訪問符[]來訪問，并且是只讀不可寫。

一、對于不同個數(shù)參數(shù)的重載
　　這里應(yīng)該很明白，直接用arguments函數(shù)的length屬性來判斷就可以了。

復(fù)制代碼代碼如下:

<script type="text/javascript">
function talk(msg,handler){ 
     var len = arguments.length; 
    //傳遞過來一個參數(shù)的時候執(zhí)行 
    if(len==1){ 
    alert("Function say:"+msg); 
    } 
    //傳遞過來兩個參數(shù)的時候執(zhí)行 
    else if(len==2){ 
         handler(msg); 
     } 
} 
talk("demo"); 
talk("demo",function(w){alert("Handler say:"+w);}); 
</script> 

二、對于不同類型的參數(shù)的重載
　　對于JS這樣一種動態(tài)類型的語言，這種變量聲明的隨意性淡化了嚴(yán)格的變量類型在開發(fā)人員腦子里的重要性（PS:同樣是基于ECMA體系的，AS就引入了變量聲明的強制類型），很多意想不到的BUG其實都是由這種變量類型的自動轉(zhuǎn)換造成的。其實JS提供了很準(zhǔn)確的方法讓我們來嚴(yán)格檢測變量的類型，比較通用的就是typeof方法和constructor屬性。

1、typeof variable 返回變量類型

復(fù)制代碼代碼如下:

temp = "say"; //string 
temp = 1; //number 
temp = undefined; //undefined 
temp = null; //object 
temp = {}; //object 
temp = []; //object 
temp = true; //boolean 
temp = function (){} //function 
alert(typeof temp); 

通過上面的測試你可以看出來，對于null,Object,Array返回的都是object類型，而使用下面的方法就可以解決這個困擾。

2.constructor屬性檢測變量類型

JS中每個對象都有constructor屬性，它是用來引用構(gòu)造此對象的函數(shù)，通過對這個引用的判斷就可以檢測變量類型了。

復(fù)制代碼代碼如下:

temp = "say"; 
temp.constructor==String; //true 
temp= {}; 
temp.constructor == Object;//true 
temp= []; 
temp.constructor == Array;//true 

通過上面的測試已經(jīng)很容易的把Array和Object類型的變量區(qū)分開了。下面我們來對自定義的對象做個測試看看會發(fā)生什么。

復(fù)制代碼代碼如下:

//自定義對象 
function Ball(){} 
//實例化一個對象 
var basketBall = new Ball(); 
basketBall.constructor==Ball; //true 

這可以說明constructor屬性對于自定義的對象一樣適用。

　　在弄清楚了上面兩個方法的適用以后再來回到JS函數(shù)重載的模擬上來，下面這個例子是根據(jù)參數(shù)類型來重載。

復(fù)制代碼代碼如下:

function talk(msg){ 
     var t = typeof msg; 
     if(t=="string"){ 
            alert("It's a string"); 
    } 
    else if(t=="number"){ 
            alert("It's a number"); 
     } 
} 
talk(10); //It's a string 
talk("demo"); //It's a number 

附上一個很巧妙的嚴(yán)格檢測參數(shù)類型和個數(shù)的函數(shù)：

復(fù)制代碼代碼如下:

//依據(jù)參數(shù)列表來嚴(yán)格地檢查一個變量列表的類型
function strict( types, args ) {
     //確保參數(shù)的數(shù)目和類型核匹配
     if ( types.length != args.length ) {
            //如果長度不匹配，則拋出異常
           throw "Invalid number of arguments. Expected " + types.length + ", received " + args.length + " instead.";
    }
    //遍歷每一個參數(shù)，檢查基類型
    for ( var i = 0; i < args.length; i++ ) {
          //如JavaScript某一項類型不匹配，則拋出異常
          if ( args[i].constructor != types[i] ) {
                throw "Invalid argument type. Expected " + types[i].name +", received " + args[i].constructor.name + " instead.";
          }
     }
}

//上述方法的使用
function doFunction(id,name){
//檢測參數(shù)個數(shù)和類型
strict([Number,String],arguments);
..
}

您可能感興趣的文章: