Explique a diferença fundamental entre var e let em termos de escopo

 

1. var: Escopo de Função

   Quando você declara uma variável usando var, ela tem escopo de função. Isso significa que a variável é acessível em qualquer lugar dentro da função em que foi declarada, independentemente de blocos como if ou for. Mesmo que a declaração esteja dentro de um bloco, ela "vaza" para o escopo da função inteira.

   Por exemplo, se você declarar uma variável var dentro de um if dentro de uma função, ela ainda poderá ser acessada e modificada fora desse if, mas dentro da mesma função. Esse comportamento pode levar a surpresas e dificultar a depuração, especialmente em funções longas, já que uma variável pode ser alterada em um local distante de sua declaração inicial.

   JavaScript

   function exemploVar() {
     if (true) {
       var numero = 10;
       console.log(numero); // Saída: 10
     }
     console.log(numero); // Saída: 10
   }

   ---

   let: Escopo de Bloco

   Em contraste, let foi introduzido no ECMAScript 2015 (ES6) para resolver as peculiaridades do var. Uma variável declarada com let tem escopo de bloco. Isso significa que a variável é limitada ao bloco, expressão ou declaração onde foi definida. Um bloco é delimitado por chaves {}.

   Ao usar let, a variável é visível apenas dentro de seu bloco de escopo. Se você tentar acessá-la fora desse bloco, receberá um erro de referência. Essa característica promove um código mais seguro e legível, pois limita a visibilidade da variável ao local onde ela é realmente necessária.

   JavaScript

   function exemploLet() {
     if (true) {
       let numero = 20;
       console.log(numero); // Saída: 20
     }
     // console.log(numero); // Erro: ReferenceError: numero is not defined
   }

   A principal diferença é que var "vaza" para o escopo da função, enquanto let respeita estritamente o escopo do bloco, tornando seu comportamento mais intuitivo e controlável. Por isso, a prática recomendada hoje é usar let (e const) em vez de var em projetos modernos.

   Fonte: perguntas e respostas para entrevistas de JavaScript, criado por Pratik Bandal 
   
   
   Fonte: Google Gemini