Javascript中 this的精要總結

來源:互聯網
上載者:User

標籤:script   apply   htm   javascrip   部分   his   href   建立   自動   

對於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指向這個Null 物件,這樣的話函數內部的this就會被這個空的對象替代。

  結束:當然,如何後期出現有更新的部分和新的理解,我還會慢慢做出更新的。

Javascript中 this的精要總結

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.