Nazwa zmiennej jest jak nazwa funkcji - kiedy powoduje błąd/kiedy nie jest

Question

To pytanie dotyczy o tej samej nazwie funkcji i zmiennej. Proszę mi powiedzieć - dlaczego tego kodu nie ma błędów:

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

ale ten nie będzie działać:

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

Dlaczego to jest tak?

Answer 1

Poprzez nazwy podnośnikowego, pierwszym kod zasadniczo działa tak:

var Task; // (undefined) 

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

Task = new Task(); 

Twój drugi tak:

var start, Task; 

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

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

start(); 

Jak widać, Task jest przesłonięta przez undefined wewnątrz funkcja start. Nie dzieje się tak, gdy funkcja i definicja zmiennej są w tym samym zakresie, ponieważ wtedy var i function są w zasadzie tym samym.

Jeśli pominiesz var wewnątrz start, działa również.

Answer 2

Ma to związek ze zmiennymi globalnymi i lokalnymi.

Zmienne zdefiniowane w funkcji są lokalne.
Zmienne zdefiniowane nie w funkcji są globalne.
I wszystkie funkcje w obecnej klasie, jeśli je masz, mogą korzystać ze zmiennej globalnej