es6之箭头函数

Posted 2020-08-29 Wayne Zhu

es6之箭头函数

　　es6中的箭头函数实际上是一种语法糖，使用起来会更加方便。

　1.　即它允许使用箭头（=>）来定义函数。 如

　　var f = v =>v;

　　这个箭头函数就等同于:

　　var f = function (v) {

　　　　return v;

　　};

　　

　2. 如果不需要给这个函数传递参数，就使用圆括号来代表参数部分，如下所示：

　　var f = () =>8;

　　这个箭头函数就等同于：

　　var f = function () {

　　　　return 8;

　　};

　　

　　3.如果传入的参数多于一个，同样也需要使用圆括号，如下：

　　var f = (num1,num2) => num1+num2;

　　 等同于：

　　var f = function (num1,num2){

　　　　return num1+num2;

　　};

 

　　4.我们可以看到，如果只有一条语句，就会自动添加return。但是如果有两条及以上的语句，就需要使用{}，并在需要返回值的地方添加return。如：

　　var f = (num1,num2) => {num1++; return num1+num2;}　　

　　等同于：

　　var f = function(num1,num2){

　　　　num1++;

　　　　return num1+num2;

　　}

　　

　　5.如果我们希望返回一个对象，则必须使用()将对象括起来，因为箭头函数认为{}是代码块，从而产生错误。如下：

　　var f = () => ({name:"zzw",age:21});

　

 

　　6.箭头函数可以简化回调函数。如：

　　[1,2,3].map(x => x*x);

　　这个函数在用普通函数写是：

　　[1,2,3].map(function(x){

　　　　return x*x;　

　　});　　

　　显然箭头函数做了很多简化工作。