• 技术文章 >web前端 >前端问答

    箭头函数是es6的新功能吗

    长期闲置长期闲置2022-03-30 17:53:55原创80

    箭头函数是es6的新功能;箭头函数是es6中新增的一个函数,允许使用箭头“=>”定义函数,相对于普通函数,支持表达式和语句体,并且箭头函数与this周围的代码拥有相同的作用域。

    本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

    箭头函数是es6的新功能吗

    ES6标准新增了一种新的函数:Arrow Function(箭头函数),允许使用箭头 =>定义函数。

    相对于普通函数,在语法上类似于C#,Java 8中的相关功能,支持表达式和语句体。

    与普通函数不同,箭头函数与this周围的代码拥有相同的作用域。箭头函数有以下特征:

    使用ES6箭头函数语法定义函数,将原函数的“function”关键字和函数名都删掉,并使用“=>”连接参数列表和函数体。

    箭头函数的作用

    // 1、使表达更加简洁
    const isEven = n => n % 2 === 0;
    const square = n => n * n;
     
    // 2、简化回调函数
    // 普通函数写法
    [1,2,3].map(function (x) {
      return x * x;
    });
     
    // 箭头函数写法
    [1,2,3].map(x => x * x);

    es5写法:

    15.png

    箭头函数:

    14.png

    【相关推荐:javascript视频教程web前端

    以上就是箭头函数是es6的新功能吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:es6
    上一篇:es6生成器是什么意思 下一篇:es6中的反引号用来做什么
    Web大前端开发直播班

    相关文章推荐

    • es6中什么是装饰器• typescript跟es6有什么区别• es6怎么判断数组是否有某一项值• es6怎么把字符串转化为对象• es6中symbol到底是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网