基础：JS三大经典 | this 的值2018-09-29
把函数调用的语法糖去了解清楚。
另外不讨论let关键字情况下，js作用域只有两种：函数作用域、全局作用域。this也就只有该两种作用域，没有块级作用域。如var obj={a:this};，这个this不在函数域中，因此它是全局域的，代表window对象。
匿名函数
匿名函数的this指向window。
但严格来说并不一定，说到底还是要看具体代码如何写：
function m(method){
var a={};
a.m=method;
method();//window
a.m();//对象a
}
m( function(){console.log(this)} );
虽然我们用了匿名函数function(){console.log(this)}，但对函数m(method)来说，它的参数method指向了该匿名函数，因此从该函数的角度来说并不是匿名函数，仍然服从链接文章的逻辑。
但绝大多数情况下，我们均可认为匿名函数的this就是window，很少有上面代码那种操作。
箭头函数
链接文章的精髓在于说明：函数内的this，就是调用函数的那个对象。即便是上面的匿名函数也不例外，只要去看具体实现就能明确知道某处匿名函数的this指向。
唯一例外的是箭头函数，因为它不受call函数的影响，因此也不受语法糖的影响。如下：
var m = ()=>{console.log(this)};
var a={};
m();//打印结果为window
m.call(a);//打印结果为window
实际上，箭头函数内的this，就是箭头函数被定义时所在作用域的this。如下例子：
var m = () => { console.log(this) };//定义了一个箭头函数为m
var obj = {
a: m,
b: function () {
m();
},
c: function () {
var m2 = () => { console.log(this) };//每个对象都会新建这个箭头函数
m2();
}
}
obj.a();//打印结果：window
obj.b();//打印结果：window
obj.c();//打印结果：obj
var obj2={};
obj2.c=obj.c;
obj2.c();//打印结果：obj2
下面分析四次打印：
1.箭头函数定义时所在作用域为全局域，因此箭头函数内的this就是全局域的this，也就是window。且箭头函数不受call的影响，即语法糖使其还原为obj.a.call(obj)也是无效的，this不会变。因此打印结果为window。
2.虽然是在b函数中调用的，但是m函数并不在这里被定义。后续分析基本同1，打印结果为window
3.c函数中重新定义出一个箭头函数m2，而函数m2所在作用域为c函数作用域，所以c函数内的this是什么，箭头函数内的this就是什么。显然此时c函数内的this是obj，因此最终打印结果为obj
4.同3，此时函数c内的this是obj2，因此打印结果为obj2
总结
1.普通或匿名函数内的this，就是调用函数的那个对象，且绝大多数匿名函数均被实现为this指向window。
2.箭头函数内的this，就是箭头函数被定义时所在作用域的this
3.js的this只会在函数作用域或全局作用域，不要与块级作用域混淆
网友评论