#Problemas do hoisting
De fato você corre o risco de hoisting se não organizar bem o código. Se a função dor tão complicada assim talvez o problema seja outro. Note que se organizar o código direito não há problema algum. É só o risco de cair em uma situação problemática sem querer. Se tiver alguma ferramenta que ajuda analisar código pode evitar que aconteça algum deslize sem querer.
Não vou entrar em detalhes porque o link acima já explica melhor como é o efeito hoisting, mas em resumo, a variável, superficialmente falando, é criada no início da execução da função, então declará-la ali é ter a certeza que o código expressa a realidade do que será executado. Se declarar em outro lugar, pode ser que não aconteça o que espera. Exemplo de problema:
var x = 0;
function hoisting() {
console.log(x);
var x = 1;
console.log(x);
}
function nonHoisting() {
var x = 1;
console.log(x);
}
function nonHoisting2() {
console.log(x);
}
hoisting();
nonHoisting();
nonHoisting2();
#Escopo global
Não recomendo usar escopo global, mas se o fizer, eu acho melhor declarar tudo antes mesmo. A bagunça já está feita, então é melhor organizar o melhor que puder, é muito fácil cometer um deslize nesse caso. Colocou uma função que use esta variável antes dela ter sido declarada e já pode ter surpresas.
#let
Isto só ocorre com o var
. Com o let
esse risco não corre. Por isso eu acho mais interessante sempre que possível (se vai usar versão nova do JS ou se vai passar por um tradutor. Ele foi criado para resolver um problema que a linguagem tinha.
Assim pode fazer o que realmente é o mais recomendado na maioria dos casos, que é declarar a variável perto de onde ela será usada.. Com o var
, ou toma muito cuidado ou pode ter o hoisting.
function teste(){
//some code
let a = 0;
a = 5;
//some code
let b = 0;
b = 10;
console.log(a + b);
}
teste();