箭头函数是es6的新功能吗

112 阅读 0 评论 74 点赞

我是靠谱客的博主过时睫毛，最近开发中收集的这篇文章主要介绍箭头函数是es6的新功能吗，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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