快捷導(dǎo)航

為JavaScript添加重載函數(shù)的輔助方法

更新時(shí)間：2010年07月04日 19:37:11 作者：

大家都習(xí)慣了重載帶來(lái)的便利。JavaScript有沒(méi)有重載呢？有人會(huì)回答沒(méi)有，因?yàn)楹瘮?shù)會(huì)被覆蓋；有人說(shuō)有，我們可以模擬重載這一操作。

JavaScript的重載函數(shù)，一般是靠對(duì)arguments判斷來(lái)操作的。
比如：

 
var afunc = function() { 
args = arguments; 
if(args.length == 1) { 
console.log(1); 
}else if(args.length == 2) { 
console.log(2); 
}else if (args.length == 3) { 
console.log(3); 
} 
} 

可以想象如果重載數(shù)量多的時(shí)候，要有多少的if-else判斷?。ㄊ聦?shí)上重載數(shù)量應(yīng)該不會(huì)太多吧）。
如果要對(duì)js函數(shù)進(jìn)行重載，代碼量肯定是多的。那么能不能想辦法使代碼清晰點(diǎn)，再減少那些相同代碼的書(shū)寫(xiě)呢？
這就是我寫(xiě)篇文章和相關(guān)代碼的起因了。
慣例先上代碼：

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

 
/** KOverLoad 
一個(gè)創(chuàng)建重載函數(shù)的輔助方法。 
其實(shí)這個(gè)方法只是幫忙整理了參數(shù)不同的情況下的重載方法。 
如果還要對(duì)參數(shù)類型進(jìn)行判斷重載的話，請(qǐng)?jiān)谔峁┑姆椒ㄖ凶约簩?shí)現(xiàn)。 
@Author ake 2010-05-02 
@weblog http://www.cnblogs.com/akecn 
*/ 
var KOverLoad = function(scope) { 
this.scope = scope || window; //默認(rèn)添加方法到這個(gè)對(duì)象中。同時(shí)添加的方法的this指向該對(duì)象。 
this.list = {}; //存放重載函數(shù)的地方。 
return this; 
}; 
KOverLoad.prototype = { 
//添加一個(gè)重載的方法。 
//@param arg<Function> 重載的方法。 
add:function(arg) { 
if(typeof arg == "function") { 
this.list[arg.length] = arg; //以參數(shù)數(shù)量做標(biāo)識(shí)存儲(chǔ)重載方法。很顯然如果你的重載方法參數(shù)數(shù)量 
} 
return this; 
}, 
//添加完所有的重載函數(shù)以后，調(diào)用該方法來(lái)創(chuàng)建重載函數(shù)。 
//@param fc<String> 重載函數(shù)的方法名。 
load:function(fc) { 
var self = this, args, len; 
this.scope[fc] = function() { //將指定作用域的指定方法 設(shè)為重載函數(shù)。 
args = Array.prototype.slice.call(arguments, 0); //將參數(shù)轉(zhuǎn)換為數(shù)組。 
len = args.length; 
if(self.list[len]) { //根據(jù)參數(shù)數(shù)量調(diào)用符合的重載方法。 
self.list[len].apply(self.scope, args); //這里指定了作用域和參數(shù)。 
}else{ 
throw new Error("undefined overload type"); 
} 
} 
} 
}; 

使用方法是我覺(jué)得比較清晰的方法：
//這是可選的作用對(duì)象。

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

 
var s =function(){} 
s.prototype = { 
init:function() { 
console.log(); 
} 
} 

//構(gòu)造函數(shù)的參數(shù)可以是Object類型的或者其他合法的類型，如果不指定，則注冊(cè)到window對(duì)象中，并且作用域也是window。其實(shí)就是添加該重載方法到什么地方而已。

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

 
new KOverLoad(s.prototype).add(function(a) { 
console.log("one",a,this) 
}) 
　.add(function(a,b) { 
console.log("two",a,b,this) 
}) 
　.add(function(a,b,c) { 
console.log("three",a,b,c,this) 
}) 
　.add(function(a,b,c,d) { 
console.log("four",a,b,c,d,this) 
}) 
　.load("func"); //在這里的參數(shù)就是要?jiǎng)?chuàng)建的重載函數(shù)的方法名稱。 

完成以上操作以后，s.func就是一個(gè)重載函數(shù)。
我們可以這樣調(diào)用重載函數(shù)：

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

 
var t = new s(); 
t.func();//拋出錯(cuò)誤異常。因?yàn)闆](méi)有指定零參數(shù)時(shí)的函數(shù) 
t.func(”o”);//one o Object {} 
t.func(1,2);//two 1 2 Object {} 

簡(jiǎn)單的代碼而已，如果各位有建議或者意見(jiàn)，歡迎留言指教。

您可能感興趣的文章:

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

為JavaScript添加重載函數(shù)的輔助方法

相關(guān)文章

最新評(píng)論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具