平时用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
京公网安备 11010802041100号