為JavaScript添加重載函數的輔助方法

來源:互聯網
上載者:User

JavaScript的重載函數,一般是靠對arguments判斷來操作的。
比如: 複製代碼 代碼如下: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);
}
}

可以想象如果重載數量多的時候,要有多少的if-else判斷啊(事實上重載數量應該不會太多吧)。
如果要對js函數進行重載,代碼量肯定是多的。那麼能不能想辦法使代碼清晰點,再減少那些相同代碼的書寫呢?
這就是我寫篇文章和相關代碼的起因了。
慣例先上代碼: 複製代碼 代碼如下:/** KOverLoad
一個建立重載函數的輔助方法。
其實這個方法只是幫忙整理了參數不同的情況下的重載方法。
如果還要對參數類型進行判斷重載的話,請在提供的方法中自己實現。
@Author ake 2010-05-02
@weblog http://www.cnblogs.com/akecn
*/
var KOverLoad = function(scope) {
this.scope = scope || window; //預設添加方法到這個對象中。同時添加的方法的this指向該對象。
this.list = {}; //存放重載函數的地方。
return this;
};
KOverLoad.prototype = {
//添加一個重載的方法。
//@param arg<Function> 重載的方法。
add:function(arg) {
if(typeof arg == "function") {
this.list[arg.length] = arg; //以參數數量做標識儲存重載方法。很顯然如果你的重載方法參數數量
}
return this;
},
//添加完所有的重載函數以後,調用該方法來建立重載函數。
//@param fc<String> 重載函數的方法名。
load:function(fc) {
var self = this, args, len;
this.scope[fc] = function() { //將指定範圍的指定方法 設為重載函數。
args = Array.prototype.slice.call(arguments, 0); //將參數轉換為數組。
len = args.length;
if(self.list[len]) { //根據參數數量調用符合的重載方法。
self.list[len].apply(self.scope, args); //這裡指定了範圍和參數。
}else{
throw new Error("undefined overload type");
}
}
}
};

使用 方法是我覺得比較清晰的方法:
//這是可選的作用對象。 複製代碼 代碼如下:var s =function(){}
s.prototype = {
init:function() {
console.log();
}
}

//建構函式的參數可以是Object類型的或者其他合法的類型,如果不指定,則註冊到window對象中,並且範圍也是window。其實就是添加該重載方法到什麼地方而已。 複製代碼 代碼如下: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"); //在這裡的參數就是要建立的重載函數的方法名稱。

完成以上操作以後,s.func就是一個重載函數。
我們可以這樣調用重載函數: 複製代碼 代碼如下:var t = new s();
t.func();//拋出錯誤異常。因為沒有指定零參數時的函數
t.func(”o”);//one o Object {}
t.func(1,2);//two 1 2 Object {}

簡單的代碼而已,如果各位有建議或者意見,歡迎留言指教。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.