4、顯示綁定

　　指的是apply、bind、call

　　（1）、apply 和 call

　　　　相同點： <1> 這兩個方法的用途是在特定的作用域中調用函數，實際上等于設置函數體內 this 對象的值，真正強大之處在于擴充函數賴以運行的作用域

　　　　　　　　<2> 它們接收的第一個參數都是一樣的：函數運行的作用域

區別：apply 接收的參數是一個數組或者是類數組(arguments)，call需要把接收的參數一一列舉出來 這個 call 接受的參數是可枚舉的： function foo(b，c){console.log(this.a,b,c); } var obj = { a:2,b:3} foo.call(obj,5,6) // 2 5 6

apply接受的參數是數組或者 arguments

function foo(something){console.log(this.a,something); // 2 3return this.a something }var obj = { a:2}var bar =function(){return foo.apply(obj,arguments); } var b = bar(3) console.log(b) // 5

apply 還有一個作用是把數組展開

function f(x,y,z){console.log(x,y,z); // 1,2,3 } var a = [1,2,3] f.apply(null,a)

這個是ES5中的寫法，在 ES6 中已經拋棄了這種寫法，ES6 的寫法為：

function f(x,y,z){console.log(x,y,z); // 1,2,3 } var a = [1,2,3] f(...a)

（2）bind

MDN的解釋是：bind()方法會創建一個新函數，稱為綁定函數，當調用這個綁定函數時，綁定函數會以創建它時傳入 bind()方法的第一個參數作為 this，傳入 bind() 方法的第二個以及以后的參數 ?加上綁定函數運行時本身的參數按照順序作為原函數的參數來調用原函數。 function foo(something){console.log(this.a,something); // 2 5return this.a something } var obj = { a:2} var bar = foo.bind(obj,5) // 這個東西是函數 foo var b = bar(3) console.log(b); // 7

5、優先級問題

new ?> 顯示綁定 ?> 隱式綁定 ?> 默認

call、apply、bind其實不止用于指定this，還有很多的用途。在這因為是講 this 所以就不談那些，后續我會繼續寫一些 this 的機制，以及前人是怎么替代 this 機制的。嗯..... ? ?

因為剛開始寫東西，所以可能有些東西表達的不是很清楚，可能有些東西看起來有點繞，如果有什么不懂得或者有問題的歡迎留言指正

?

?

?

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的this指向问题（2）的全部內容，希望文章能夠幫你解決所遇到的問題。

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