首页 > 代码库 > es6之箭头函数
es6之箭头函数
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;
});
显然箭头函数做了很多简化工作。
es6之箭头函数