箭头函数中的this--2021前端面试知识点整理3

箭头函数中的this

• 箭头函数中的this 在定义函数时候绑定，不是在执行函数时绑定
• 箭头函数中，this指向固定化。不是因为箭头函数内部有绑定this 的机制，实际原因：箭头函数根本没有自己的this，以至于 内部的this就是外层代码块的this。因为它没有this，所以不能用作构造函数
• 箭头函数中的this是在定义函数的时候绑定

var x = 11;
var obj = {
	x:22,
	say: ()=>{
		console.log(this.x);
	}
}
obj.say(); //this就是外层代码块的this 所以为11

• 所谓定义时候绑定：this是继承自父执行上下文中的this。
• 这里的this.x中，箭头函数本身与say平级以key：value的形式，也就是箭头函数本身所在对象为obj，obj父执行上下文就是window，所以这里的this.x就是window.x，所以输出为11

例题

var obj ={
	birth: 1990,
	getAge: function (){
		var b = this.birth; //1990
		var fn = () =>new Date().getFullYear() - this.birth;//this指向obj对象
		return fn();
	}
};
obj.getAge();//31

例题中箭头函数本身是在getAge方法中定义的，因此，getAge方法的父执行上下文都是obj，因此这里this指向为obj对象