[Javascript] Usar var, let e const

Já conversamos sobre variáveis em várias ocasiões... E agora chegou o momento de ir mais fundo no entendimento delas.
Nesse vídeo eu vou te mostrar um pouco mais de detalhes do funcionamento de variáveis no Javascript.
Vamos conversar sobre como usar var, let e const no Javascript.
Usar var, let E const No Javascript
E no início dos tempos havia o var.
Com o var declaramos as variáveis no Javascript.
Mas ele acaba provocando alguns problemas de definição...
Para entender melhor, vamos antes ver...
O Que É Hoisting?
Hoisting é um mecanismo do Javascript onde as variáveis e declarações de função são movidas para o início do seu escopo antes da execução do código.
Considere o seguinte código:
console.log(computador);
var computador = “notebook”;
Ele será considerado assim na hora da execução:
var computador;
console.log(computador);
computador = “notebook”;
Veja que a declaração da variável vai para o início, com o valor undefined.
Isto também é possível:
var amarelo = “azul”;
var amarelo = “azul marinho”;
bom, além de confuso, o uso do var pode levar a alguns problemas.
Por isso, em 2015 foi lançado uma nova padronização do Javascript, o ES2015.
Let e const
O ES2015 introduziu mais duas palavras-chave para declarar variáveis.
O const, como é de se supor, serve para declarar constantes.
Constantes são variáveis que não podem ter o seu valor alterado. Uma vez atribuído, seu valor não muda mais.
Portanto, se tentarmos fazer o seguinte:
const instrumento = “bateria”;
instrumento = “guitarra”;
Vai gerar o erro “Assignment to constant variable.”
Já o let também serve para declarar variáveis, mas ele veio para resolver os problemas do var e bloqueia o escopo.
Isso quer dizer que a esta variável é válida somente dentro do bloco onde foi declarada.
let ovoFrito = “mexido”;
let testador = “OK”;
if(testador == “OK”)
{
let suco = “laranja”;
console.log(suco);
}
console.log(ovoFrito);
console.log(suco);
Veja que quando tentamos imprimir a variável suco fora do bloco do if ocorreu um erro (suco is not defined).
Palavras Finais
Vimos hoje como usar var, let e const.
Por conta do hoisting, variáveis declaradas com var podem ser utilizadas mesmo antes de sua declaração.
Como isso poderia levar a problemas, em 2015 surgiram as palavras-chave let e const.
Viu como é importante saber o contexto, a história por trás das coisas? Assim entendemos melhor como as coisas funcionam.
E por hoje é só!
E se você quiser aprender mais sobre programação, continue me acompanhando!
Se você gostou deste vídeo, dê uma curtida nele e aproveite para se inscrever no canal. Não se esqueça de ativar as notificações para receber um aviso quando novos vídeos forem publicados.
E até a próxima!
Me acompanhe aqui ⤵⤵
💻 Blog: celsokitamura....
💻 Instagram: / celsokitamura
🎥 KZbin: / celsokitamura
#UsandoVarLetConstNoJavascript
#SouAppDev

[@gabrielvieiracelio9308]

Muito obrigado professor, esclareceu bem minhas dúvidas sobre Hoisting e as váriáveis!

[@CelsoKitamura]

@@gabrielvieiracelio9308, show! 👊

[@lllllll-dq2il]

muito obrigado sensei

[@CelsoKitamura]

@@lllllll-dq2il, TMJ! 👊

[@redespedroferreira9226]

boa professor, muito bom, curto e claro

[@CelsoKitamura]

@@redespedroferreira9226, boa! 👊

[@willsaab]

Muito obrigado pela explicação

[@CelsoKitamura]

@@willsaab, bora programar! 👊

[@eddermoj6522]

obrigado!

[@CelsoKitamura]

@eddermoj6522, TMJ! 👊

[@lighthawk1250]

Ótima explicação, consegui entender bem esses conceitos.

[@CelsoKitamura]

@@lighthawk1250, que bom! 👏

[@willlevandoski8251]

Muito esclarecedor. Parabéns pelo vídeo.

[@CelsoKitamura]

Vaaaleu Will! Bora aprender a programar!👊

[@codetechannel]

Muito bom, obrigado pela aula.

[@CelsoKitamura]

Vaaaleu GuiaProfissional! Bora aprender a programar! 👊

[@GustavoAprigio]

Otima explicação. Parabens pelo canal .

[@CelsoKitamura]

@@GustavoAprigio, obrigado! 👊

[@CelsoKitamura]

Saiba os passos necessários para se tornar um verdadeiro App Dev, o profissional completão que toda empresa quer ter no seu time de desenvolvedores. Meu e-book Como Aprender a Programar do Absoluto Zero está GRATUITO por tempo limitado! Olha o link: 👉🏼 celsokitamura.com.br/como-aprender-a-programar Bora aprender a programar! Se você se interessou pelo Echo Dot, conheça ele melhor aqui: amzn.to/2RMjDOz Se você se interessou pelo Echo Show 5, conheça ele melhor aqui: amzn.to/2B0g6Tj Conheça minha skill Minuto de Sabedoria do Programador: celsokitamura.com.br/minuto-de-sabedoria-do-programador Vai lá, conheça a skill e teste pra ver!

[@supermalavox]

Oi Celso, Uma sugestão que eu dou como usuário de leitor de telas (cego) é que você verbalize o código enquanto aparece na tela e as modificações que faz. Em geral, leitor de telas não fala o conteúdo interno dos vídeos. Apenas as descrições e os comentários são falados além, claro, do que é dito por voz pelo próprio youtuber. Ainda assim, gosto de ouvir tuas explicações e as junto com sites e apps de exercício como Grasshopper pra aprender a programar. Como eles têm material escrito, um complementa o outro! Valeu!

[@CelsoKitamura]

Poooxa Supermalavox, desculpa por essa! Vou prestar mais atenção e descrever mais o que está na tela. Bora aprender a programar! 👊

[@thegabrieles]

Obrigada!

[@CelsoKitamura]

Bem vinda Gabriele! Bora programar e codar! 👊

Celso, faço alguns pequenos códigos js apenas por hobby, quando preciso juntar dois ou três códigos, em apenas um, sempre tenho dúvidas se tenho que mover as declarações das variáveis para o início do código ou vou declarando no meio do código. Existe uma boa prática para declaração de variáveis nesse caso de reaproveitamento de código?

[@CelsoKitamura]

Claudio, o melhor é declarar antes, no início do código. Dependendo do caso, declare dentro da função. Assim economiza memória (pq ele desaloca assim que retornar da função). 👊

[@marciaolucaslucasjunior6398]

Só entendi aqui

[@CelsoKitamura]

Vaaaleu @marciaolucaslucasjunior6398! 👊