我们正在与一家新公司合作,他们有一个编码标准,他们在该方法的第一行中立即声明该方法中使用的所有Javascript变量.
我问他们是否有这样做的理由,只是被告知这是他们的编码标准,所以我在Google上搜索了一下,显然这确实是一些网站推荐的标准.
我的第一个想法是,如果某个方法太大,以至于您发现将所有变量放在顶部实际上是有帮助的,那么您的方法就太大了,需要分解.
所以我的问题是,与在首次使用变量时声明变量相反,在顶部声明变量的目的是什么？它仅仅是一个编码标准,旨在帮助那些认为我认为用时太长的人(以我个人的观点)编写方法的问题,还是我忽略了其他好处？
最佳答案
过去,这是一种使代码更清晰的方法,而当我们只有var时,这种方法就会被提升.例如,以下是当今仍然很常见的错误：
for (var i = 0; i < arr.length; i++) {
arr[i].addEventListener('click',function() {
console.log(i);
});
}
如果一种编码样式或一个linter要求将var i从循环中提取出来并在函数顶部声明,则可以更清楚地看到,只有i的一个绑定,而在循环结束时,i == = arr.length,可能提示编码器在完全运行逻辑错误之前将其运行：
var i = 0;
for (; i < arr.length; i++) {
arr[i].addEventListener('click',function() {
console.log(i);
});
}
但是,既然我们有了const和let,它们并没有被提升到循环之外(它们具有块作用域,而不是函数作用域),所以将变量声明手动提升到函数顶部的实用性要低得多.
有人可能会争辩说,如果人们接受const比让const更可取(使const变量不能重新分配； let可以这样做),使const变量更易于程序员在读取时进行内部化,那么如今,将变量提升到其范围的顶部会使情况变得更糟.码).例如,假设有一些变量取决于其他变量的值：重构以下内容
var startingNum,numMultipliedByTwo,plusOne;
startingNum = 2;
numMultipliedByTwo = startingNum * 2;
plusOne = numMultipliedByTwo + 1;
手动吊装到ES6,只能通过let来完成：
let startingNum,plusOne;
startingNum = 2;
numMultipliedByTwo = startingNum * 2;
plusOne = numMultipliedByTwo + 1;
但是由于let不会像var那样存在提升问题,并且因为const比let更可取,所以一个人可以得出这样的样式没有任何好处的结论,而是使用：
const startingNum = 2;
const numMultipliedByTwo = startingNum * 2;
const plusOne = numMultipliedByTwo + 1;