apply()和 call()，這兩個(gè)方法的用途都是在特定的作用域中調(diào)用函數(shù)，等同于設(shè)置函數(shù)體內(nèi)部 this 指向的對(duì)象，也就是改變函數(shù)運(yùn)行時(shí)的作用域。
　　apply() 接收兩個(gè)參數(shù)，第一個(gè)參數(shù)是給綁定 this 的值，第二個(gè)參數(shù)是參數(shù)數(shù)組，call() 和apply() 的作用相同，接收的第一個(gè)參數(shù)也相同，區(qū)別在于之后傳入?yún)?shù)的方式不同，看個(gè)例子：

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() 作用相同，傳入?yún)?shù)也類似，區(qū)別只是apply() 傳入的是個(gè)數(shù)組，call() 參數(shù)必須逐個(gè)列舉出來傳入。
　　再說bind() ，傳參方式和call() 比較相似，bind() 第一個(gè)參數(shù)也是綁定this的值，后面的參數(shù)也是需要逐個(gè)列舉出來傳入，不同的是，bind() 不會(huì)立即執(zhí)行，bind() 會(huì)生成一個(gè)新的函數(shù)，之后就可以隨時(shí)調(diào)用。說的不明白，看代碼：

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進(jìn)行擴(kuò)展，自定義一個(gè)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));}}; }

轉(zhuǎn)載于:https://www.cnblogs.com/yangrenmu/p/7085859.html

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。