摘要：后續(xù)說完上面的再對(duì)比下面的理解，會(huì)更深入的理解原型與原型鏈這里是對(duì)象擁有了這樣的方法，而不是，是繼承區(qū)別于方法直接作用于原型上例子的實(shí)現(xiàn)

所謂重載，就是一組相同的函數(shù)名，有不同個(gè)數(shù)的參數(shù)，在使用時(shí)調(diào)用一個(gè)函數(shù)名，傳入不同參數(shù)，根據(jù)你的參數(shù)個(gè)數(shù)，來決定使用不同的函數(shù)！但是我們知道js中是沒有重載的，因?yàn)楹蠖x的函數(shù)會(huì)覆蓋前面的同名函數(shù)，但是我們又想實(shí)現(xiàn)函數(shù)重載該怎么辦呢？

第1種方法：

　　這種方法比較簡單，給一個(gè)思路，大家肯定都能理解，就是函數(shù)內(nèi)部用switch語句，根據(jù)傳入?yún)?shù)的個(gè)數(shù)調(diào)用不同的case語句，從而功能上達(dá)到重載的效果。

　　這種方法簡單粗暴

第二種方法

function method(obj,name,fnc){
            var old = obj[name];
            console.log(old instanceof Function);
            obj[name] = function(){
                console.log(arguments.length+" "+fnc.length);
                if(arguments.length === fnc.length){
                    return fnc.apply(this,arguments);
                }else if(typeof old === "function"){
                    return old.apply(this,arguments);
                }
            }
        }
        var people = {
            values:["Zhang san","Li si"]
        };
        method(people,"find",function(){
            console.log("無參數(shù)");
            return this.values;
        })
        method(people,"find",function(firstname){
            console.log("一個(gè)參數(shù)");
            var ret = [];
            for(var i = 0;i < this.values.length;i++){
                if(this.values[i].indexOf(firstname) === 0){
                    ret.push(this.values[i])
                }
            }
            return ret;
        })
        method(people,"find",function(firstname,lastname){
            console.log("兩個(gè)參數(shù)");
            var ret = [];
            for(var i = 0;i < this.values.length;i++){
                if(this.values[i] == firstname + " " + lastname){
                    ret.push(this.values[i])
                }
            }
            return ret;
        })
        console.log(people.find());
        console.log(people.find("Zhang"));

實(shí)現(xiàn)過程：我們看一下上面這段代碼，最重要的是method方法的定義：這個(gè)方法中最重要的一點(diǎn)就是這個(gè)old，這個(gè)old真的很巧妙。它的作用相當(dāng)于一個(gè)指針，指向上一次被調(diào)用的method函數(shù)，這樣說可能有點(diǎn)不太懂，我們根據(jù)代碼來說，js的解析順序從上到下為。

　　1.解析method（先不管里面的東西）

　　2.method(people,"find",function() 執(zhí)行這句的時(shí)候，它就回去執(zhí)行上面定義的方法，然后此時(shí)old的值為空，因?yàn)槟氵€沒有定義過這個(gè)函數(shù)，所以它此時(shí)是undefined，然后繼續(xù)執(zhí)行，這是我們才定義 obj[name] = function()，然后js解析的時(shí)候發(fā)現(xiàn)返回了fnc函數(shù)，更重要的是fnc函數(shù)里面還調(diào)用了method里面的變量，這不就是閉包了，因?yàn)閒nc函數(shù)的實(shí)現(xiàn)是在調(diào)用時(shí)候才會(huì)去實(shí)現(xiàn)，所以js就想，這我執(zhí)行完也不能刪除啊，要不外面那個(gè)用啥，就留著吧先（此處用call函數(shù)改變了fnc函數(shù)內(nèi)部的this指向）

　　3.好了第一次method的使用結(jié)束了，開始了第二句，method(people,"find",function(firstname) 然后這次使用的時(shí)候，又要執(zhí)行old = obj[name]此時(shí)的old是什么，是函數(shù)了，因?yàn)樯弦粭l語句定義過了，而且沒有刪除，那我這次的old實(shí)際上指向的是上次定義的方法，它起的作用好像一個(gè)指針，指向了上一次定義的 obj[name]。然后繼續(xù)往下解析，又是閉包，還得留著。

　　4.第三此的method調(diào)用開始了，同理old指向的是上次定義的 obj[name] 同樣也還是閉包，還得留著。

　　5.到這里，內(nèi)存中實(shí)際上有三個(gè) obj[name]，因?yàn)槿蝝ethod的內(nèi)存都沒有刪除，這是不是實(shí)現(xiàn)了三個(gè)函數(shù)共存，同時(shí)還可以用old將它們聯(lián)系起來是不是很巧妙

　　6.我們 people.find() 的時(shí)候，就會(huì)最先調(diào)用最后一次調(diào)用method時(shí)定義的function，如果參數(shù)個(gè)數(shù)相同 也就是 arguments.length === fnc.length 那么就執(zhí)行就好了，也不用找別的函數(shù)了，如果不相同的話，那就得用到old了 return old.apply(this,arguments); old指向的是上次method調(diào)用時(shí)定義的函數(shù)，所以我們就去上一次的找，如果找到了，繼續(xù)執(zhí)行 arguments.length === fnc.length 如果找不到，再次調(diào)用old 繼續(xù)向上找，只要你定義過，肯定能找到的，對(duì)吧！

　　總結(jié)：運(yùn)用閉包的原理使三個(gè)函數(shù)共存于內(nèi)存中，old相當(dāng)于一個(gè)指針，指向上一次定義的function，每次調(diào)用的時(shí)候，決定是否需要尋找。

后續(xù)：說完上面的再對(duì)比下面的理解，會(huì)更深入的理解原型與原型鏈

var array=[]
addMethod(array,"sub0",function(){
  return 0;
})
addMethod(array,"sub0",function(prefix){
  console.log("prefix===>",prefix);
  return prefix[0];
})
array.sub0([1,2,3,5])  //這里是array對(duì)象擁有了sub0這樣的方法，而不是Array，addMethod是繼承

// 區(qū)別于方法直接作用于原型上
//例子  String的 startsWith 實(shí)現(xiàn)
function addstartsWithToString(){
   if (typeof String.prototype.startsWith1 != "function" ) {
     String.prototype.startsWith1 = function(subString){
       return this.slice(0,subString.length)==subString
     }
   }
}

addstartsWithToString();
"120000".startsWith1("1")