javascript - 为什么第一个有效，第二个无效？全局和私有变量声明

Question

第一。这个有效，我有 var start = new Date(); 函数内部。

function instance(){
    var start = new Date();
    document.getElementById("foo").innerHTML = start.getTime();
    window.setTimeout(instance, 1000);
}
function start(){
window.setTimeout(instance, 1000);
}

这是第二个不起作用的。var start = new Date() 在函数之外。

 var start = new Date();
 function instance(){
    document.getElementById("foo").innerHTML = start.getTime();
    window.setTimeout(instance, 1000);
    }
    function start(){
    window.setTimeout(instance, 1000);
    }

即使第二个是全局变量而不是私有变量，它不应该仍然有效吗？为什么有些全局变量有效而有些则无效？

Answer 1

在javascript中，函数是变量，只是函数形式。所以，在第二个中，变量start和函数start发生冲突。例如，如果您要更改function start(){为function init(){，它将起作用。

这就是允许您定义函数的原因，例如

var foo = function() {
  ...
}

第一个工作，因为你有一个局部变量start和一个全局函数start，导致没有冲突。

 var start = new Date();
 function instance(){
   document.getElementById("foo").innerHTML = start.getTime();
   window.setTimeout(instance, 1000);
 }
 function init(){
   window.setTimeout(instance, 1000);
 }