JavaScript中使用參數個數實現重載功能

2019-11-19 15:35:15

字體：大中小

來源：轉載

供稿：網友

利用參數的個數實現重載，馬上想到的方法就是

function overload(){     switch(arguments.length){       case 0:         console.log("一個朋友都沒有");         break;       case 1:         console.log("有一個朋友");         break;       case 2:         console.log("有兩個朋友");         break;       case 3:         console.log("有三個朋友");         break;       case 4:         console.log("有四個朋友");         break;       //等等     }   }

這種方式能實現重載，但是這樣的代碼比較長，實際開發中情況有時候會很多。所以我們可以用下面的方法。

window.onload=function (){     var cat={       friends:["mimi","pp","gg"]     }     addMethod(cat,"sayName",function(a,b){       console.log("有兩個朋友");     })     addMethod(cat,"sayName",function(){       console.log("一個朋友都沒有");     })     addMethod(cat,"sayName",function(a){       console.log("有一個朋友");     })     addMethod(cat,"sayName",function(a,b,c){       console.log("有三個朋友");     })     cat.sayName("xiaoming","nihao");     cat.sayName();     cat.sayName("xiaoming");     cat.sayName("xiaoming","xiaohong");   }   //實現重載，利用arguments.length的不同來實現   function addMethod(object,name,fn){     var old=object[name];     object[name]=function(){       if(fn.length==arguments.length)         return fn.apply(this,arguments);       else if(typeof old=='function')         return old.apply(this,arguments);     }   }

這個技巧利用的是閉包，在閉包里作為引用進行存儲的不同參數的情況。

實際調用addMethod函數的情況，如下圖