javascript中call()、apply()、bind()的用法終於理解

實際上是一個很簡單的東西，認真看十分鐘就從一臉懵B 到徹底 理解！

先看明白下面：

　　例1

  obj.objAge;  //17

  obj.myFun()  //小張年齡undefined

　　例2
　

　shows()  //盲僧　

 

比較一下這二者this 的差異，第一個打印裏面的this 指向obj，第二個全局聲明的shows()函數   this 是window ；

 

1，call()、apply()、bind() 都是用來重定義 this 這個對象的！

　　如：

　　

　　obj.myFun.call(db)；　　　　//德瑪年齡99

 　  obj.myFun.apply(db);　　　 //德瑪年齡99

 　  obj.myFun.bind(db)();　　　//德瑪年齡99

　　以上出了bind 方法後面多了個 () 外 ，結果返回都一致！

　　由此得出結論，bind 返回的是一個新的函數，你必須調用它纔會被執行

 

　　2，對比call 、bind 、 apply 傳參狀況下
　　

　　

　　obj.myFun.call(db,'成都','上海')；　　　　 //德瑪 年齡 99  來自 成都去往上海

　　obj.myFun.apply(db,['成都','上海']);        //德瑪 年齡 99  來自 成都去往上海  

　　obj.myFun.bind(db,'成都','上海')();         //德瑪 年齡 99  來自 成都去往上海

 　  obj.myFun.bind(db,['成都','上海'])();　　 //德瑪 年齡 99  來自 成都,上海去往undefined

　　

 　　微妙的差距！

　　從上面四個結果不難看出

　　　　call 、bind 、 apply 這三個函數的第一個參數都是 this 的指向對象，第二個參數差異就來了：

　　　　call的參數是直接放進去的，第二第三第n個參數全都用逗號分隔，直接放到後面  obj.myFun.call(db,'成都', ... ,'string' )；

　　　　apply的全部參數都必須放在一個數組裏面傳進去  obj.myFun.apply(db,['成都', ..., 'string' ]);

　　　　bind除了返回是函數之外，它 的參數和call 同樣。

　　　　

　　　　固然，三者的參數不限定是string類型，容許是各類類型，包括函數 、 object 等等！