普通函数:根据调用我的人(谁调用我,我的this就指向谁)
箭头函数:根据所在的环境(我在哪个环境中,this就指向谁)
看下面的例子
document.onclick = function () {
alert(this); //HTMLDocument
}
document.onclick = () => {
alert(this); //Window
再看下下面的例子
document.onclick = function () {
let arr = [1, 2, 3];
arr.a = function () {
alert(this);
}
arr.a(); //1,2,3
}
这里先是使用普通函数,输出了1,2,3。
下面我换成箭头函数
document.onclick = function () {
let arr = [1, 2, 3];
arr.a = () => {
alert(this);
}
arr.a(); //HTMLDocument
}
这里输出就是HTMLDOcument了,因为正如前面所说,箭头函数的this是由它所处的环境决定的