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

如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用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;

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

摆脱令人抓狂的ESlint 语法检测配置说明
最近学习Vue,通过vue-cli脚手架创建的项目环境,写了段时间后,发现这个ESlint语法检测真是令人抓狂!!! 所以不得不停下手中的代码去学习下ESlint的规则配置. 其实我并不反对这些语法检 ...
去掉Eslint语法检测
参考在创建vue项目中,会选择linter/Formatter,eslint-config-standard "standard"插件代表的是eslint的standard插件都 ...
[OHIF-Viewers]医疗数字阅片-医学影像-中间插播一下-es6-使用const加箭头函数声明函数相对于function声明函数有什么好处？...
[OHIF-Viewers]医疗数字阅片-医学影像-中间插播一下-es6-使用const加箭头函数声明函数相对于function声明函数有什么好处? 这个好多人都已经写过了,这里插播一下,在OHIF- ...
ES6 箭头函数易出错细节
箭头函数表达式的语法比函数表达式更短,并且没有自己的this,arguments,super或 new.target. 箭头函数基本语法 (参数1, 参数2, -, 参数N) => { 函数声明 ...
箭头函数可被打印却不能调用_5种应该避免使用箭头函数的情况
摘要: 箭头函数也有可能会有BUG... 原文:几种应该避免使用箭头函数的情况作者:JS菌 Fundebug经授权转载,版权归原作者所有. 1. 避免在定义对象方法时使用箭头函数虽然因语法简练受人 ...
es6箭头函数（墙裂推荐）
转自: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions 箭头函 ...
ES6学习（箭头函数详解）
箭头函数(Arrow Function) 箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或 new.target.这些函数表达式更适用于那些本来需要匿名 ...
函数c语言画箭头_什么时候不使用箭头函数
我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴 ...
ES6之什么是箭头函数？
箭头函数是匿名函数,ES5匿名函数的语法糖:但又增加了ES5所没有的一些优点,接下来我们一起来看一看箭头: //ES5 var tt = function tt() {return 55 + 99; ...

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

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

最新文章

热门文章