如何理解ESLint的no-inner-declarations规则?
问题描述:项目使用了eslint检测代码的规范性,在编译代码的时候commit 报错( Move function declaration to function body root (no-inner-declarations) at xxxx )
代码如下:
//解析:在处理场景中是在条件满足的时候才会执行函数中的代码,
if (true) {
// 在某个条件分支下创建一个函数,并且只在这个分支内使用。
function a() {
// code...
}
a();
}
// 报错:
"Move function declaration to program root. (no-inner-declarations)"
ES6之前,函数声明只能在程序或另一个函数体的最前面,所以在代码块内部声明函数式错误的额做法,另外,在JavaScript中代码的声明会被提升到代码当前作用域的最前面,所以在代码块内部声明变量也是不明智的做法.
记录: 普通情况下,函数声明在哪里(条件分支内部也是可以的)是没有影响的,但是在严格模式下,会报错提示这样的写法是不规范的,如果是在循环的条件内部那么这个函数就被多次的声明,浪费内存资源,还有只是在条件分支内部声明的话,不利于代码的复用,保证在实现逻辑的情况下也保证代码格式的规范性.
在操作过程中出现了这个报错,查找资料看到大家的解释,按照自己的理解整理了一下留作学习的记录