如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return语句返回。
var sum = (num1, num2) => { return num1 + num2; } //此时eslint语法检测会报错
需要写成:var sum = (num1, num2) => num1 + num2 //默认返回值
由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号。
var getTempItem = id => ({ id: id, name: "Temp" });
箭头函数可以与变量解构结合使用。
- const full = ({ first, last }) => first + ' ' + last;
- // 等同于
- function full(person) {
- return person.first + ' ' + person.last;
- }
箭头函数使得表达更加简洁。(这才是箭头函数的核心,使代码更加简洁,不是让代码变得更加难懂)
- const isEven = n => n % 2 == 0;
- const square = n => n * n;