箭头函数是一个函数表达式,理论上,任何使用函数表达式的场景都可以使用箭头函数
- 格式 () => {}
需要注意的细节
-
箭头函数的函数体中的 this,取决于箭头函数定义的位置的 this 指向,而与如何调用无关
-
箭头函数中,不存在 this、arguments、new.target, 如果使用了,则使用的是函数外层的 this、arguments、new.target
箭头函数没有原型(() => {}.prototype === undefined),所有没有构造函数
const func = () => {
console.log(this);
}; // this---> window
const obj = {
method: func // 因为func是箭头函数,它没有this,所以它只能去外面找,外面找到的就是window
};
obj.method();
实际应用场景
- 临时性使用的函数,并不会刻意调用它,比如:
- 事件处理函数
- 异步处理函数
- 其它临时性的函数
- 为了绑定外层 this 的函数
- 在不影响其它代码的情况下,保持代码的简洁,最常见的。 数组方法中的回调函数。
网友评论