JavaScript 的方法重載效果
2024-05-06 14:14:29
供稿：網友
在 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 方法對參數要求比較嚴格時，就可以用這樣的方式來編寫代碼。
