ES6 之箭头函数

发布于 2023-10-14 00:06:04 字数 641 浏览 38 评论 0

以前,定义一个函数是这样:

function sum(a, b) {
  return a + b
}

ES6 出现了箭头函数,可以十分简洁的写出下面这样相同功能的代码:

const sum = (a, b) => a + b

相同的功能,箭头函数可以更精炼地表达我们想要的效果。

箭头函数跟普通函数的区别

  1. 箭头函数没有 this
    在使用普通函数时,我们经常会遇到嵌套函数下,this 丢失的问题。使用箭头函数,this 是根据词法作用域绑定的,就能正确的指向。
  2. 箭头函数没有 arguments
    虽然没有自己的 argument 参数,但是可以通过 rest 把参数收缩到数组里,比如下面这样:
const foo = (...args) => args
foo(1, 2, 3)  // [1, 2, 3]
  1. 箭头函数没有 super 和 new.target
  2. 箭头函数不能作为构造函数使用,也就是不能被 new 调用
  3. 箭头函数没有 prototype 属性

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

浪推晚风

暂无简介

文章
评论
26 人气
更多

推荐作者

櫻之舞

文章 0 评论 0

弥枳

文章 0 评论 0

m2429

文章 0 评论 0

野却迷人

文章 0 评论 0

我怀念的。

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文