在面向對象的編程中,很多語言都支持函數重載,能根據函數傳遞的不同個數、類型的參數來做不同的操作,JS對它卻不支持,需要我們額外做些小動作。
在JS的函數執行上下文中有一個名為arguments的有意思的變量,它以數組的形式存儲了函數執行時傳遞過來的所有參數,即使函數定義沒有定義這 么多個形參。還有一個特別之處就是跟Array類型相比,arguments變量有且只有一個length屬性,Array的方法,例如push、pop 等,它并不具備,它只是一個“偽數組”:具有length屬性,存儲的數組能夠用數組訪問符[]來訪問,并且是只讀不可寫。
一、對于不同個數參數的重載
這里應該很明白,直接用arguments函數的length屬性來判斷就可以了。
<script type="text/javascript">
function talk(msg,handler){
var len = arguments.length;
//傳遞過來一個參數的時候執行
if(len==1){
alert("Function say:"+msg);
}
//傳遞過來兩個參數的時候執行
else if(len==2){
handler(msg);
}
}
talk("demo");
talk("demo",function(w){alert("Handler say:"+w);});
</script>
二、對于不同類型的參數的重載
對于JS這樣一種動態類型的語言,這種變量聲明的隨意性淡化了嚴格的變量類型在開發人員腦子里的重要性(PS:同樣是基于ECMA體系的,AS就引入 了變量聲明的強制類型),很多意想不到的BUG其實都是由這種變量類型的自動轉換造成的。其實JS提供了很準確的方法讓我們來嚴格檢測變量的類型,比較通 用的就是typeof方法和constructor屬性。
1、typeof variable 返回變量類型
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屬性,它是用來引用構造此對象的函數,通過對這個引用的判斷就可以檢測變量類型了。
temp = "say";
temp.constructor==String; //true
temp= {};
temp.constructor == Object;//true
temp= [];
temp.constructor == Array;//true
通過上面的測試已經很容易的把Array和Object類型的變量區分開了。下面我們來對自定義的對象做個測試看看會發生什么。
//自定義對象
function Ball(){}
//實例化一個對象
var basketBall = new Ball();
basketBall.constructor==Ball; //true
這可以說明constructor屬性對于自定義的對象一樣適用。
在弄清楚了上面兩個方法的適用以后再來回到JS函數重載的模擬上來,下面這個例子是根據參數類型來重載。
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
附上一個很巧妙的嚴格檢測參數類型和個數的函數:
//依據參數列表來嚴格地檢查一個變量列表的類型
function strict( types, args ) {
//確保參數的數目和類型核匹配
if ( types.length != args.length ) {
//如果長度不匹配,則拋出異常
throw "Invalid number of arguments. Expected " + types.length + ", received " + args.length + " instead.";
}
//遍歷每一個參數,檢查基類型
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){
//檢測參數個數和類型
strict([Number,String],arguments);
..
}