ES6 之箭头函数
以前,定义一个函数是这样:
function sum(a, b) {
return a + b
}
ES6 出现了箭头函数,可以十分简洁的写出下面这样相同功能的代码:
const sum = (a, b) => a + b
相同的功能,箭头函数可以更精炼地表达我们想要的效果。
箭头函数跟普通函数的区别
- 箭头函数没有 this
在使用普通函数时,我们经常会遇到嵌套函数下,this 丢失的问题。使用箭头函数,this 是根据词法作用域绑定的,就能正确的指向。 - 箭头函数没有 arguments
虽然没有自己的 argument 参数,但是可以通过rest
把参数收缩到数组里,比如下面这样:
const foo = (...args) => args
foo(1, 2, 3) // [1, 2, 3]
- 箭头函数没有 super 和 new.target
- 箭头函数不能作为构造函数使用,也就是不能被 new 调用
- 箭头函数没有 prototype 属性
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

上一篇: CSS 的层叠上下文
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论