javascript - 变量名就像函数名——什么时候会导致错误/什么时候不会

Question

这道题是关于函数和变量的同名。请告诉我 -为什么这段代码没有错误:

    var Task = new Task();
     
    function Task() {
        console.log('work!');
    }

但是这个行不通:

start();
 
function start() {
  var Task = new Task();
};
 
function Task() {
    console.log('work!');
}
 

为什么会这样？

Answer 1

通过名称提升，您的第一个代码基本上是这样工作的:

var Task;  // (undefined)

Task = function () {
    console.log('work!');
};

Task = new Task();

你的第二个像这样:

var start, Task;

start = function () {
  var Task; // (undefined)
  Task = new Task();
};

Task = function () {
    console.log('work!');
};

start();

如您所见，Task 被 start 函数中的 undefined 覆盖。当函数和变量定义都在同一范围内时，这不会发生，因为那时 var 和 function 本质上是同一件事。

如果您在 start 中省略 var，它也能正常工作。