Ao trabalhar com JavaScript, uma das primeiras coisas que você aprenderá é como declarar variáveis. Variáveis ​​são como contêineres que armazenam informações, como números, texto ou até mesmo dados complexos. Em JavaScript, existem três maneiras de declarar variáveis: const, let e var. Cada um deles tem suas próprias regras e práticas recomendadas, o que pode ser um pouco confuso no início. Neste post, vamos detalhar isso com exemplos simples para ajudar você a entender quando e como usar cada um deles.

Código de exemplo

Vamos começar examinando um trecho simples de código:

`javascript
const id da conta = 14423;
var contaEmail = "[email protected]";
deixe contaSenha = "12345";
cidade da conta = "jamshedpur";
deixe a conta rolar;

// contaId = 13242; // Não permitido - gerará um erro

console.table([accountEmail, accountId, accountRoll, accountPassword]);
`

Compreendendo a constância

A primeira variável que declaramos é accountId usando const. A palavra-chave const é usada quando você deseja declarar uma variável cujo valor nunca deve mudar. Depois de atribuir um valor a uma variável const, você não poderá reatribuí-lo a outra coisa. Por exemplo:

const accountId = 14423;
accountId = 13242; // This will throw an error!

No exemplo acima, tentar reatribuir accountId causará um erro porque as variáveis ​​const são imutáveis ​​após sua atribuição inicial.

Pontos principais sobre const:

• Não pode ser reatribuído: Depois que um valor é atribuído a uma variável const, ele não pode ser alterado.
• Escopo do bloco: A variável só é acessível dentro do bloco em que foi declarada (por exemplo, dentro de {}).

Compreensão deixe

Em seguida, declaramos accountPassword usando let. A palavra-chave let é usada quando você deseja declarar uma variável cujo valor pode mudar posteriormente. Ao contrário de const, você pode reatribuir uma variável let:

let accountPassword = "12345";
accountPassword = "67890"; // This is perfectly fine!

No entanto, assim como const, let também tem escopo de bloco, o que significa que só pode ser acessado dentro do bloco em que foi declarado.

Pontos principais sobre let:

• Pode ser reatribuído: Você pode alterar o valor de uma variável let após ela ter sido atribuída.
• Escopo do bloco: A variável só é acessível dentro do bloco em que foi declarada.

Compreendendo var

Finalmente, vamos falar sobre var, que é como declaramos accountEmail. var é a maneira antiga de declarar variáveis ​​em JavaScript. Ele tem algumas diferenças importantes em comparação com let e const:

var accountEmail = "[email protected]";
var accountEmail = "[email protected]"; // This is allowed!

Como você pode ver, ao contrário de let e const, você pode declarar novamente uma variável var no mesmo escopo sem erros. Às vezes, isso pode levar a bugs e comportamentos inesperados, e é por isso que muitos desenvolvedores preferem let e const.

Pontos principais sobre var:

• Pode ser reatribuído e redeclarado: Você pode alterar o valor e até mesmo declarar novamente uma variável var.
• Escopo da função: Ao contrário de let e const, que têm escopo de bloco, var tem escopo de função. Isso significa que é acessível dentro da função em que foi declarado, mas não limitado ao bloco.

Uma comparação rápida

Aqui está uma comparação rápida para resumir as diferenças:

{
    var x = 10;
    var x = 20; // Allowed, no error

    let y = 10;
    let y = 20; // Not allowed, will throw a syntax error
}

Exemplo prático: usando console.table

No final do nosso código, usamos console.table para exibir os valores de nossas variáveis ​​em um formato de tabela organizado:

console.table([accountEmail, accountId, accountRoll, accountPassword]);

Isso gera uma tabela com os valores atuais de accountEmail, accountId, accountRoll e accountPassword. É uma maneira prática de visualizar suas variáveis ​​ao depurar ou apenas verificar seu trabalho.

Conclusão

Compreender as diferenças entre const, let e var é crucial para escrever código JavaScript limpo e sem erros. Aqui está uma rápida recapitulação:

• Use const quando quiser que uma variável permaneça constante.
• Use let quando você espera que o valor da variável mude.
• Evite var, a menos que você tenha um motivo específico para usá-lo (devido ao seu comportamento no escopo da função).

Ao dominar essas três palavras-chave, você estará no caminho certo para escrever um código JavaScript mais confiável e sustentável. Para informações mais detalhadas, você pode sempre consultar a documentação do MDN.

Boa codificação e até a próxima!!