ES6新特性_ES6箭头函数的实践以及应用场景---JavaScript_ECMAScript_ES6-ES11新特性工作笔记010

然后我们再去看,这个箭头函数的一些应用 

右边有块区域我们点击div以后实现2s以后,我们变成粉色

我们去实现

声明一个let ad得到这div对象

然后给这对象添加事件监听,可以看到这里,添加了一个click事件,

然后用定时器,setTimeout把this.style.background='pink';

设置了粉色.

然后我们去执行,可以看到报错了,原因是拿不到这个this,然后我们console.log(this),把这个this打印出来看看

可以看到这个this,指向了window对吧,而window没有style这个属性,所以就报错了.

这里如果不显示的指定this是ad,那么这里this就指的是外层的,也就是window了