小編給大家分享一下緩存調(diào)用鏈如何實現(xiàn)JS方法的重載，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)萬源,10多年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792

1.什么是方法重載

方法重載是指在一個類中定義多個同名的方法，但要求每個方法具有不同的參數(shù)的類型或參數(shù)的個數(shù)。
簡而言之就是：方法重載就是方法名稱重復(fù)，加載參數(shù)不同。

具體看請左轉(zhuǎn)： 方法重載/百度百科
那么js如何實現(xiàn)這個呢？？？

2. js如何實現(xiàn)？

首先javascript是沒有重載函數(shù)/方法這個概念的，但是js提供了一個arguments這個方法參數(shù)，通過這個參數(shù)的length屬性就可以拿到方法參數(shù)的長度，o~對了，咱們今天實現(xiàn)的也僅僅是按照參數(shù)長度重載，而不是參數(shù)類型~~·length ，
那么及下載呢，一旦有了方法參數(shù)長度，于是出現(xiàn)了比常見的switch寫法：

var seven={
  dosomething:function(){
    switch(arguments.length){
      case 0:
        console.log(arguments.length);
        //dosomething
        break;
      case 1:
        console.log(arguments.length);
        //dosomething
        break;
       case 2:
        //dosomething
        console.log(arguments.length);
        break;
    }
  }
}

3.優(yōu)化

wow~如果10個方法就需要10個分支~而且很不好維護~因為每個方法體都在case下，或者單獨提出來寫成一個function~
然后這些都是不好的~不易維護的，逼格不夠高的~那么咱們應(yīng)該如何優(yōu)雅的實現(xiàn)對于不同參數(shù)的同一方法名的處理呢？

這就用到這個 apply 這個方法了.

咱們?yōu)閟even編寫一個addMethod方法

var seven = {
  addMethod: function (fname, func) {
    var old = this[fname];
    this[fname] = function () {
      if (arguments.length == func.length) {
        return func.apply(this,arguments);
      }
      if (typeof old == 'function') {
        return old.apply(this, arguments);
      }
    }
  }
};

修改后的seven如上，然后之前寫的switch就可以這樣搞了:

seven.addMethod('dosomething', function (x) {
  console.log(arguments.length);
   //dosomething
});
seven.addMethod('dosomething', function (x,y) {
  console.log(arguments.length);
   //dosomething
});
seven.addMethod('dosomething', function (x,y,z) {
  console.log(arguments.length);
   //dosomething
});

咱們要增加方法，只需要調(diào)用這個addMethod方法就ok了，是不是覺得簡單明了，更加清晰。
那么這段代碼的原理呢，其實也很簡單，就是緩存舊方法，然后根據(jù)參數(shù)長度依次apply鏈?zhǔn)秸{(diào)用，直到找到和當(dāng)前參數(shù)等長的方法~然后進行調(diào)用。

func 和 old 很有可能讓初來乍到的童鞋們迷惑，其實不然，這里巧妙的使用了JavaScript語言的特性，這個old每一次保存的都是上一次方法的引用，而且每次都是全新的，而舊的old又保持著引用，這是什么呢？閉包嘍~。

以上是“緩存調(diào)用鏈如何實現(xiàn)JS方法的重載”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站名稱：緩存調(diào)用鏈如何實現(xiàn)JS方法的重載-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://weahome.cn/article/jhpog.html