"combine variables" in JavaScript 如何满足 JSLint？

Question

对于一个学校项目，我正在尝试制作一个网站来做一些事情。为此，我使用了 HTML、JavaScript 和 CSS。我正在使用提供调试提示的编译器。这些提示由 JSLint 提供。有人告诉我应该把我写的两个变量结合起来，但我不明白这是什么意思。

我做了一些研究（在 Stack Overflow 和其他网站上），但所有这些都是想将变量放入数组的人。

谁能告诉我应该怎么做？

代码（简体）：

var x = document.getElementById("some id");
var y = document.getElementById("some other id");
var z = document.getElementsByTagName("some tag name");

JSLint 说：

"Combine this with the previous 'var' statement: var y = document.getElementById("一些其他的id");" 和：

将此与前面的 'var' 语句结合起来。 var z = document.getElementsByTagName("some tag name");

重要说明：代码确实有效，但 JSLint 告诉我要修复它。

Answer 1

var x = document.getElementById("some id"),
    y = document.getElementById("some other id"),
    z = document.getElementsByTagName("some tag name");

您可以像上面的例子一样声明变量。

Answer 2

特此通知您，您所写的是有效的JavaScript。错误更多是关于风格。如果您处于严格模式，这很重要。

错误的意思是您需要将所有变量声明合并到一行中，使用逗号运算符将它们分隔开。

var x = document.getElementById("some id"),
    y = document.getElementById("some other id"),
    z = document.getElementsByTagName("some tag name");

您可以获得 JSLInt 错误解释 here

Answer 3

它告诉您链接变量声明而不是单独列出它们。在 js 中，你用逗号来分隔声明，而不是用分号来表示语句结束。

以下是 3 个单独的声明...

var x = document.getElementById("some id");
var y = document.getElementById("some other id");
var z = document.getElementsByTagName("some tag name");

要声明 3 个不同的变量（及其定义）...

var x = document.getElementById("some id"),
    y = document.getElementById("some other id"),
    z = document.getElementsByTagName("some tag name");

注意这仍然必须以分号结束以分隔（变量声明）语句。

How do you "combine variables" in JavaScript to satisfy JSLint?