JavaScript 箭头函数
Posted 徐小白
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 箭头函数相关的知识,希望对你有一定的参考价值。
ES6新标准增加了一种新的函数,箭头函数。
x=>x*x
相当于:
function (x){
return x*x;
}
如果参数不是一个,就需要用括号()括起来: // 两个参数:
var test0= (x, y) => x * x + y * y;
// 无参数:
var test2=() => 3.14;
// 可变参数:
var test = (x, y, ...rest) => { var i, sum = x + y; for (i=0; i<rest.length; i++) { sum += rest[i]; } return sum; };
如果参数不是一个,就需要用括号()
括起来:
// 两个参数: (x, y) => x * x + y * y // 无参数: () => 3.14 // 可变参数: (x, y, ...rest) => { var i, sum = x + y; for (i=0; i<rest.length; i++) { sum += rest[i]; } return sum; }
如果要返回一个对象,就要注意,如果是单表达式,这么写的话会报错:
// SyntaxError:
x => { foo: x }
因为和函数体的{ ... }
有语法冲突,所以要改为:
// ok:
x => ({ foo: x })
以上是关于JavaScript 箭头函数的主要内容,如果未能解决你的问题,请参考以下文章
如何从javascript中的一个线性箭头函数返回匿名对象? [复制]
JavaScript12_函数1:函数的参数,箭头函数的参数