JavaScript 的方法重載效果

2019-11-21 01:12:45

字體：大中小

供稿：網(wǎng)友

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

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

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

2，用所有 JavaScript 變量都帶有的一個屬性 constructor,這個屬性指向用來構(gòu)造該變量的構(gòu)造函數(shù)：

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

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

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

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

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

我們定義一個方法對上面的方法進行應(yīng)用

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

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