Javascript中 this的精要總結
阿新 • • 發佈:2017-08-25
實例 ref 今天 方法 自動 console 網上 這樣的 理解
對於javascript中this的指向問題,或許你和我一樣,總是很迷惑,今天通過學習了有些作者對這方面比較深刻的理解後,抄錄其中比較有用的精髓如下:
本文主要引用至:追夢子,如有需要可以導向去閱讀。
關鍵知識點記錄如下:
- this的指向在函數定義的時候是確定不了的,只有函數執行的時候才能確定this到底指向誰,實際上this的最終指向的是那個調用它的對象
- 情況1:如果一個函數中有this,但是它沒有被上一級的對象所調用,那麽this指向的就是window,這裏需要說明的是在js的嚴格版中this指向的不是window,但是我們這裏不探討嚴格版的問題,你想了解可以自行上網查找。
- 情況2:如果一個函數中有this,這個函數有被上一級的對象所調用,那麽this指向的就是上一級的對象。
- 情況3:如果一個函數中有this,這個函數中包含多個對象,盡管這個函數是被最外層的對象所調用,this指向的也只是它上一級的對象
- 更新一個小問題當this碰到return時
如果返回值是一個對象,那麽this指向的就是那個返回的對象,如果返回值不是一個對象那麽this還是指向函數的實例。 - 知識點補充:
1.在嚴格版中的默認的this不再是window,而是undefined。
2.new操作符會改變函數this的指向問題,雖然我們上面講解過了,但是並沒有深入的討論這個問題,網上也很少說,所以在這裏有必要說一下。 -
function fn(){ this.num = 1; } var a = new fn(); console.log(a.num); //1
為什麽this會指向a?首先new關鍵字會創建一個空的對象,然後會自動調用一個函數apply方法,將this指向這個空對象,這樣的話函數內部的this就會被這個空的對象替代。
結束:當然,如何後期出現有更新的部分和新的理解,我還會慢慢做出更新的。
Javascript中 this的精要總結