箭头函数esLint的语法检测Unexpected block statement surrounding arrow body

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/z93701081/article/details/78933174

如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回。

var sum = (num1, num2) => { return num1 + num2; } //此时eslint语法检测会报错

需要写成：var sum = (num1, num2) => num1 + num2 //默认返回值

由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号。

var getTempItem = id => ({ id: id, name: "Temp" }); 

 箭头函数可以与变量解构结合使用。

1. const full = ({ first, last }) => first + ' ' + last;  
2. //  等同于  
3. function full(person) {  
4. return person.first + ' ' + person.last;  
5. }  

箭头函数使得表达更加简洁。（这才是箭头函数的核心，使代码更加简洁，不是让代码变得更加难懂）

1. const isEven = n => n % 2 == 0;  
2. const square = n => n * n;