>首页> IT >

箭头函数是es6的新功能吗

时间:2022-03-30 17:06:26       来源:PHP中文网

本教程操作环境: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写法:

箭头函数:

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

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

关键词: 相关文章 视频教程