箭头函数是JavaScript中语法更简洁的函数定义方式,无自身this、arguments、super或new.target,不可用作构造函数,适合回调等需词法this绑定场景,复杂逻辑仍推荐传统函数。

箭头函数是 JavaScript 中定义函数的一种简洁写法,它没有自己的 this、arguments、super 或 new.target,且不能用作构造函数。
语法更简短
相比传统函数表达式,箭头函数省略了 function 关键字和花括号(单参数、单表达式时还可省略括号和 return):
-
传统写法:
const add = function(a, b) { return a + b; }; -
箭头函数:
const add = (a, b) => a + b; - 单个参数可省括号:
const square = x => x * x; - 无参必须写空括号:
const sayHi = () => console.log('Hi');
this 绑定是词法的
箭头函数不创建自己的 this,而是继承外层作用域的 this 值。这在回调、定时器或事件处理中特别有用,避免手动绑定或使用 bind:
- 普通函数中
this可能丢失(如setTimeout(obj.method, 100)) - 用箭头函数可自然保留上下文:
setTimeout(() => obj.method(), 100); - 类方法中常用:
handleClick = () => { this.setState({ clicked: true }); };
不能作为构造函数
箭头函数没有 prototype 属性,也不支持 new 调用:
标签: javascript java 作用域
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。
还木有评论哦,快来抢沙发吧~