深入解析JavaScript中的this关键字指向规则

平时用this有些混乱&＃xff0c;所以写个总结。

没有箭头函数之前&＃xff0c;我们说this就是函数运行时所在的环境对象&＃xff0c;但是在箭头函数中this就是定义时所在的对象&＃xff0c;先说大家熟知的&＃xff1a;函数运行时所在的环境对象。

1、作为函数调用&＃xff0c;this指向全局对象

2、作为对象的方法调用&＃xff0c;该对象即为调用上下文&＃xff0c;this指向该对象。

3、作为构造函数调用&＃xff0c;构造函数试图初始化这个新创建的对象&＃xff0c;并将这个对象作为其调用上下文&＃xff0c;this 指向这个新创建的对象。

4、通过函数的call/apply方法间接调用, call/apply方法的第一个参数是调用上下文&＃xff0c;在函数体内&＃xff0c;通过this获得对它的引用。

箭头函数中this对象就是定义时所在的作用域&＃xff0c;也就是说箭头函数本身没有this&＃xff0c;内部的this就是外层代码块作用域中的this。

5、独立函数

该箭头函数在全局环境中定义&＃xff0c;即this指向window

6、对象的方法

如上所示&＃xff0c;foo在全局中定义,所以this指向window&＃xff0c;那么如何使this指向obj?

根据上一篇介绍&＃xff0c;当函数作为对象的方法调用时this指向该对象&＃xff0c;可以这样改写&＃xff1a;

func在foo调用时定义&＃xff0c;此时的foo所在作用域为obj&＃xff0c;因此this指向obj

7、构造函数,因箭头函数没有this,固不能用作构造函数&＃xff0c;否则会报错

8、bind/call

如上&＃xff1a;func定义在全局&＃xff0c;因此打印0&＃xff0c;同对象方法&＃xff0c;我们可以通过如下改写&＃xff0c;打印出1