>[danger] 談談this指向的問題 ***** 參考: 1. ES5中, this在函數中, 代表調用函數的那個對象 2. ES6中, this指向外層作用域this的指向 3. 瀏覽器環境this默認指向window, 全局變量掛在this上 4. 但是nodeJS下全局變量不是掛在window上的 擴展: 1. ES5中, 一般在函數外部利用變量接收this指向, 在函數內部用這個變量代表外層this指向的值. 2. 嚴格模式下, this無法指向window, this的值是undefined 3. this變量無法重新賦值 ***** >[danger]詳細解釋this 1. this綁定規則有 (1) 默認綁定 ----例如: fn1(), 方法里this指向默認window (2) 隱式綁定 ----例如: myObj.fn1(), 方法里this指向對象myObj (3) 硬綁定 ----使用call和apply, 會觸發某個方法, 并且傳入this該指向的對象 如果不傳或者傳null, 還是默認該指向誰就指向誰 ----還使用bind, 但是不會馬上觸發方法 call/apply代碼例如: ``` var a = 20; var obj = { a: 10, } function myT(){ console.log(this.a); // 10 } myT.call(obj); // myT.apply(obj); 結果是一樣的, 如果傳myT.call(null)結果就是20 ``` ``` var a = 20; var obj = { a: 10, } function myT(){ console.log(this.a); // 10 } myT.bind(obj)(); ``` (4) new 綁定 ---- 默認配合構造函數使用, 使this指向新的對象 > 綁定優先級 new > 硬綁定 > 隱式 > 默認