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
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容