Unexpected newline between function

vue eslint报错:Unexpected newline between function and ( of function call no-unexpected-multiline

Failed to compile.

./src/components/welcome.vue
Module Error (from ./node_modules/eslint-loader/index.js):

E:\code\cli_wz\sa\src\components\welcome.vue
  60:13  error  Unexpected newline between function and ( of function call  no-unexpected-multiline

✖ 1 problem (1 error, 0 warnings)

关于这个报错,小编在官网没找到出处,所以自己写个示例稍作解释。

报错大意是说:

你乱换行,函数不是这么写的!

小编英语不好,大概尝试翻译下,如有不当请过路大佬指出。

在JavaScript中,很多小伙伴习惯不写 ; 直接回车换行,这么写大多数时候是没有问题的。

然而凡事总有意外,比如,在多层对象中的数组元素调用函数时,可能有小伙伴习惯和小编一样打个括号。如:

(this.super.man.luffy.ids).push(item.ids)
(this.super.man.luffy.datas).push(item.data)

这时候,eslint会报错。

那怎么写呢?有两种方案:

方案一,老老实实加分号

(this.ids).push(item.ids);
(this.datas).push(item.data)

方案二,删除括号:

this.ids.push(item.ids)
this.datas.push(item.data)

这两种方案都行。小编建议第二种,原因嘛,出于代码强迫症考虑更好看一点。

版权声明

弈心博客


本文首发site_name,转载请附上博文链接!