标签：dev   script   cli   方法   signature   efi   attach   实例   amp   

JavaScript-JS中this的指向

本文将主要总结JS中this的指向

隐式绑定的场景:

• 全局上下文
• 直接调用函数
• 对象.方法的形式调用
• DOM事件绑定(特殊)
• new构造函数绑定
• 箭头函数

1. 全局上下文

全局上下文默认this指向window, 严格模式下指向undefined。

2. 直接调用函数

比如:

let obj = {
  a: function() {
    console.log(this);
  }
}
let func = obj.a;
func();

这种情况是直接调用。this相当于全局上下文的情况(默认this指向window, 严格模式下指向undefined。)。

3. 对象.方法的形式调用

还是刚刚的例子，我如果这样写:

obj.a();

这就是对象.方法的情况，this指向这个对象

4. DOM事件绑定

onclick和addEventerListener中 this 默认指向绑定事件的元素。

IE比较奇异，使用attachEvent，里面的this默认指向window。

5. new+构造函数

此时构造函数中的this指向实例对象。

6. 箭头函数？

箭头函数没有this, 因此也不能绑定。里面的this会指向当前最近的非箭头函数的this，找不到就是window(严格模式是undefined)。比如:

let obj = {
  a: function() {
    letdo = () => {
      console.log(this);
    }
    do();
  }
}
obj.a(); // 找到最近的非箭头函数a，a现在绑定着obj, 因此箭头函数中的this是obj

显式绑定的场景:

优先级: new > call、apply、bind > 对象.方法 > 直接调用。

参考：

• day034: 谈谈你对JS中this的理解。
• 后盾人文档

JavaScript-JS中this的指向

标签：dev   script   cli   方法   signature   efi   attach   实例   amp   

原文地址：https://www.cnblogs.com/lskreno/p/12443381.html