javascript - 使用相同的 var 关键字初始化多个 javascript 变量有什么好处？

Question

当我阅读由明显非常擅长的人编写的干净的 javascript 代码时，我经常看到这种模式

var x = some.initialization.method(),
    y = something.els(),
    z;

与写作相比有什么优势

var x = some.initialization.method();
var y = something.els();
var z;

第二种格式更容易维护，因为每一行都是独立存在的。因此，您可以删除一行或添加一行，而不必四处查看它是要初始化的第一个还是最后一个变量。这也意味着源代码控制差异/合并将更好地工作。考虑到这些缺点，我猜第一种格式有一些优点——但它是什么？它们的执行肯定是相同的，因为它对解析器来说是相同的。

Answer 1

发送到浏览器的 javascript 的大小略有优势；谷歌的Closure compiler在“仅空白”模式下会将单个 var 版本编译为:

var x=some.initialization.method(),y=something.els(),z;

和多为:

var x=some.initialization.method();var y=something.els();var z;

我将您的 else 更改为 els 以便它可以编译。

这不是一个巨大的收获(特别是如果你也在压缩文件)，而且“简单”编译模式无论如何都会为你做这件事，所以我可能不会太担心它，除非你能找到更有说服力的理由。

您可能不想这样做的一个原因是，如果您不小心使用了分号而不是逗号，那么您就发现了一个全局变量。