箭头函数是不是es6的新功能

小编给大家分享一下箭头函数是不是es6的新功能,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

我们提供的服务有:成都网站建设、成都网站设计、微信公众号开发、网站优化、网站认证、甘南ssl等。为上1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的甘南网站制作公司

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

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

箭头函数是es6的新功能吗

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

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

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

  • 1、不需要 function 关键字来创建函数。

  • 2、省略 return 关键字。

  • 3、this始终指向函数申明时所在作用域下的this值(即箭头函数里面根本没有自己的this,而是引用外层的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写法:

箭头函数是不是es6的新功能

箭头函数:

箭头函数是不是es6的新功能

看完了这篇文章,相信你对“箭头函数是不是es6的新功能”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


网页名称:箭头函数是不是es6的新功能
分享URL:http://csruizhi.cn/article/jcghhp.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都网站设计 成都网站建设 成都模版网站建设 泸州网站建设 网站建设推广 定制网站设计 成都网站制作 成都响应式网站建设公司 重庆企业网站建设 广安网站设计 成都网站建设 外贸网站建设 成都网站制作 高端网站设计 成都网站建设 成都品牌网站建设 定制网站建设多少钱 成都网站设计制作公司 营销网站建设 成都网站建设 网站制作公司 成都网站设计