美文网首页基础js
JavaScript中的上下文this

JavaScript中的上下文this

作者: 该昵称注册中 | 来源:发表于2017-09-28 12:57 被阅读0次

不同上下文中的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

相关文章

网友评论

    本文标题:JavaScript中的上下文this

    本文链接:https://www.haomeiwen.com/subject/kdbmextx.html