首先明白一点,JavaScript中的this指向只与函数的调用方式有关。判断this指向谁,可以用下面四条规则,并且四条规则的优先级顺序是从上到下的:
1. 如果函数是通过new操作符调用的,那么this指向通过new创建的新对象;
2. 如果函数是通过call或apply方法调用的,那么this指向call或apply方法内的那个对象参数;
3. 如果函数是通过上下文对象调用的,即obj.foo()这种形式,那么this指向这个上下文对象;
4. 如果以上都不是,函数直接通过不加修饰的函数名调用,那么this指向全局对象。如果函数体是在严格模式下,this指向undefined。
但是ES6中的箭头函数的this不遵循上述四条规则。具体来说,箭头函数会继承外层函数调用的this指向。