箭头函数可以让setTimeout里面的this绑定定义时所在的作用域,而不是指向运行时所在的作用域,举个栗子:
function Timer() {
this.s1 = 0;
this.s2 = 0;
setInterval(() => {
this.s1++;
}, 1000);
setInterval(function () {
this.s2++;
console.log('get here', this.s2); // NaN
}, 1000);
}
let timer = new Timer();
setTimeout(() => console.log('s1: ', timer.s1), 3100); // 3.1s后输出3
setTimeout(() => console.log('s2: ', timer.s2), 3100); // 3.1s后输出0
上面的代码中,第一个setInterval里面的this绑定定义时所在的作用域(Timer函数),第二个setInterval里面的this绑定运行时所在的作用域(全局对象);第二个setInterval里面的this.s2其实时全局的s2,本来时undefined,用了++变成了NaN,所以打印timer.s2,timer的s2是没有被更新的,输出0;
注:箭头函数可以让this指向固定化,例如上面栗子里的第一个setInterval一样