1. 程式人生 > >Javascript中 this的精要總結

Javascript中 this的精要總結

實例 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的精要總結