普通函数this的指向
普通函数this的指向是，在调用函数时所在的对象
var x=11;
var obj={
x:22,
y : function (){
return function say(){
console.log(this.x);
}
}
}
obj.y()(); //输出11，即this指向的是全局对象
上述就是在全局作用域中调用函数，所以this对象指向全局对象
即使有很多层作用域
x=11;
var obj={
x:22,
y : function (){
return function say(){
console.log(this.x);
}
}
}
var aa = {
x: 5,
say : function () {
obj.y()();
}
}
aa.say(); //输出11
箭头函数this的指向
下面代码执行环境的全局对象是window，如果在global中会有一些差别。
- 箭头函数没有自己的this, 它的this是继承而来，所以箭头函数不可以当作构造函数
- 箭头函数体内的this对象是指向定义时所在的作用域，而不是调用时所在的作用域
var x=11;
var obj={
x:22,
y : function (){
return say=()=>{
console.log(this.x);
}
}
}
obj.y()(); //输出22
通俗来说，因为箭头函数实质没有this，所以箭头函数的this就是它所在的词法作用域中的this。如今，第一个箭头函数就在y()中。因此，它的this就是y()的this。根据this的默认绑定原则，此时谁调用了y()，y()中的this就指向谁,因此既然是obj调用了this，那么y()的this就是obj，所以箭头函数的this就是obj。如果不懂还可以看下面的例子
var x=11;
var obj={
x:22,
say : ()=>{
console.log(this.x);
}
};
obj.say(); //输出11 如果在global为全局对象中则输出的是undefined
这里的say（）箭头函数在obj对象的作用域中，所以箭头函数this就是obj中的this，而obj所在地执行环境是window，即window调用了obj，所以this对象就指向的window。
箭头函数还可以让setTimeout里面的this，绑定定义时所在的作用域，而不是运行时所在的作用域。
ps：这里只是个人的一点小理解，欢迎各位大神能给出意见。
