当前位置：网站首页>ES6之箭头函数

ES6之箭头函数

2022-07-16 22:10:00 【InfoQ】

看上面这张图片，你的第一想法会是什么？是2？是1？还是其他答案？

那么我先简单的介绍一下箭头函数，箭头函数是ES6推出的函数，它没有

this

和

arguments

。把上面图片的代码放下来，我们逐步分析。

let a = 1;
let obj = {
 a: 2,
 fn: () => {
 setTimeout(() => {
 console.log(this.a);
 })
 }
}
obj.fn();

这段代码一共涉及到三个知识点：箭头函数，作用域，let

有些人到这里就会认为，this指向的是obj，this.a就是2，然而并不是。obj是个对象，它的大括号并不是一个作用域。所以fn箭头函数的上层作用域就是window

let a = 1;
let obj = {
 a: 2,
 fn: () => {
 setTimeout(() => {
 console.log(a);
 })
 }
}
obj.fn();

相比之前，我们打印的是a ，那么结果会是什么呢？

版权声明
本文为[InfoQ]所创，转载请带上原文链接，感谢
https://xie.infoq.cn/article/f2f7ab9b60d2c61ef628cffa4