JavaScript中的上下文this

不同上下文中的this值

  • 全局作用下的this值為window
globalthis.png
  • 在函數上下文中

  1. 在沒有任何嵌套的函數中，this取決于是否使用了嚴格模式

    this引用的是window對象

image2.png

“'use strict' 展示的行為就是為了防止意外的聲明全局變量。

image3.png
  • 在模塊模式中

在模塊模式上下文中,模塊里面的方法或者函數中的this引用的都是整個模塊

iamge4.png

,因此在內部通過this調用


iamge5.png

如果在方法里面包含一個匿名函數,this指向window

image6.png
如果是箭頭函數

this指向的是包含它的外面的函數

var  x = "111"
var obj = {
   x:"222",
   sayX: () => {
    console.log(this.x)
}
}
obj.sayX();  ====>222
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容