谷歌浏览器在找到两个同名的变量或函数时会做什么？ [关闭]

Question

当谷歌浏览器找到两个具有相同名称的变量时，我只是在徘徊它会做什么，就我而言，这将是：See the part code with repeated variables 这是来自code 的一小部分代码 我的问题是放置 Cannon 1（其 id 为“Cannon1”）工作正常，但放置黄金收集器（其 id 为“goldC1”）却不行，这是怎么回事，我该如何解决？

注意事项：

“警报”用于测试代码。 该代码在 Firefox 中运行时有效。 我的谷歌浏览器版本是 30.0.1599.101

如有任何问题，请随时提出，我们会尽快回复，谢谢。

Answer 1

Chrome，或者更准确地说是 V8，按照规范告诉它做的事情，在§10.5 （警告：这真的很繁重）。

var

如果你在同一个作用域内对同一个符号有多个var x; 声明，那就无关紧要了，第二个完全没有效果。 但是，请注意var x = 1;（例如，带有初始化程序）实际上是var x; 和x = 1;。如果你重复它，只有 var x; 部分会被忽略，分配不会。

所以：

var x = 5;
var x;
console.log(x); // 5
var x = 42;
console.log(x); // 42

...因为该代码确实代表了这一点：

var x;
x = 5;
console.log(x); // 5
x = 42;
console.log(x); // 42

更多：Poor misunderstood var（我博客上的文章）

函数声明

如果您有多个函数声明在同一范围内使用相同的名称，则最后一个获胜。

foo(); // "foo the second!"

function foo() {
    console.log("foo the first!");
}

function foo() {
    console.log("foo the second!");
}

函数声明不同于函数表达式。以上是声明。我们知道这是因为函数引用没有立即在表达式中使用（它不在= 的右侧，作为参数传递给另一个函数等）。函数声明在执行进入定义它们的上下文时发生，在任何分步代码运行之前。

函数表达式

另一方面，

函数表达式在逐步执行到达它们时被处理，就像任何其他表达式一样：

//foo(); // This would be an error

var foo = function() {
    console.log("foo the first!");
};

foo(); // "foo the first!"

foo = function() {
    console.log("foo the second!");
};

foo(); // "foo the second!"