apply()和 call()，這兩個方法的用途都是在特定的作用域中調用函數，等同于設置函數體內部 this 指向的對象，也就是改變函數運行時的作用域。
　　apply() 接收兩個參數，第一個參數是給綁定 this 的值，第二個參數是參數數組，call() 和apply() 的作用相同，接收的第一個參數也相同，區別在于之后傳入參數的方式不同，看個例子：

var o = {color: 'blue' } var color = "red";function sayColor(num) {console.log(this.color + '-' + num); }; sayColor(1); //red-1 sayColor.apply(o,[2]); //blue-2 sayColor.call(o,3); //blue-3

　　可以看出，apply() 和call() 作用相同，傳入參數也類似，區別只是apply() 傳入的是個數組，call() 參數必須逐個列舉出來傳入。
　　再說bind() ，傳參方式和call() 比較相似，bind() 第一個參數也是綁定this的值，后面的參數也是需要逐個列舉出來傳入，不同的是，bind() 不會立即執行，bind() 會生成一個新的函數，之后就可以隨時調用。說的不明白，看代碼：

var o = {color: 'blue' } var color = "red";function sayColor(num) {console.log(this.color + '-' + num); }; var color = sayColor.bind(o，4); color(); //blue-4

　　bind() 并不支持IE6~8，若想要低版本的IE支持bind() ，需要通過Function 的prototype進行擴展，自定義一個bind() 方法。像這樣：

if (! function() {}.bind) {Function.prototype.bind = function(context) {var self = this,args = Array.prototype.slice.call(arguments);return function() {return self.apply(context, args.slice(1));}}; }

轉載于:https://www.cnblogs.com/yangrenmu/p/7085859.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的js中的apply()、call() 和 bind()的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。