快捷導(dǎo)航

JavaScript 的方法重載效果

更新時(shí)間：2009年08月07日 22:54:39 作者：

JavaScript 語(yǔ)言的方法聲明中，不能明確指定參數(shù)的類(lèi)型和個(gè)數(shù)，所以不能實(shí)現(xiàn)方法的重載，但是我們可以用其他的方法來(lái)實(shí)現(xiàn)重載的效果。

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

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

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

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

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

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

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

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

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

我們定義一個(gè)方法對(duì)上面的方法進(jìn)行應(yīng)用

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

 
function show(){ 
// 處理參數(shù)是一個(gè)字符串的調(diào)用 
if(checkArgs([String],arguments)){ 
alert(arguments[0]); 
} 
// 處理參數(shù)是一個(gè)字符串和一個(gè)數(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ù)不符合要求時(shí)，給予提示 
}else{ 
alert('不支持的參數(shù)'); 
} 
} 