JavaScript 的方法重載效果_javascript技巧

在 JavaScript 的方法內，有個叫做 arguments 的變數數組，它是唯讀，所有實際傳入的參數變數都
放在了裡面，通過它，我們可以對傳入的參數進行類型檢查，從而實現重載的效果。
判斷一個變數的類型有兩種方法。
1，用 typeof 語句：

複製代碼 代碼如下:

function check(){
if(typeof arguments[0] == 'string')
alert('你傳入的參數是個字串');
else if(typeof arguments[0] == 'number')
alert('你傳入的參數是個數字');
}

2，用所有 JavaScript 變數都帶有的一個屬性 constructor,這個屬性指向用來構造該變數的建構函式：

複製代碼 代碼如下:

function check(){
if(arguments[0].constructor == String)
alert('你傳入的參數是個字串');
else if(arguments[0].constructor == Number)
alert('你傳入的參數是個數字');
}

對照表：
typeof constructor
---------------------------
string String
number Number
object Object
function Function
boolean Boolean
object Array
object User
通過這個對照表可以看出用 typeof 不能準確的判斷出具體的類型，所以我們用 constructor 來進行判
斷。
首先我們定義一個用來判斷參數類型和個數的方法

複製代碼 代碼如下:

function checkArgs(types,args){
// 檢查參數個數
if(types.length != args.length){
return false;
}
// 檢查參數類型
for(var i=0; i<args.length; i++){
if(args[i].constructor != types[i]){
return false;
}
}
return true;
}

我們定義一個方法對上面的方法進行應用

複製代碼 代碼如下:

function show(){
// 處理參數是一個字串的調用
if(checkArgs([String],arguments)){
alert(arguments[0]);
}
// 處理參數是一個字串和一個數位調用
else if(checkArgs([String,Number],arguments)){
var s = '';
for(var i=0; i<arguments[1]; i++){
s+=arguments[0];
}
alert(s);
// 參數不符合要求時，給予提示
}else{
alert('不支援的參數');
}
}

當我們定義的 JavaScript 方法對參數要求比較嚴格時，就可以用這樣的方式來編寫代碼。