Objetivos

1. Escopo
2. Comando que vamos ver bastante no demais artigos

Escopo

Algo que devemos nos atentar bastante é nos escopos, mas afinal o que é isso?

Bom escopo é basicamente até onde sua váriavel pode ser acessada, a grosso modo.

O escopo normalmente é identificado com o uso das chaves { } nas funções.

Mas podemos ter tipos diferentes de escopos:

Escopo global

Uma variável global é definida quando declaramos uma variável fora de qualquer função, assim ela torna acessível a qualquer parte da nossa aplicação, podendo ser lida e alterada.

Escopo local

Uma variável local é definida quando declaramos uma variável dentro de uma função, assim ela torna acessível somente dentro da função onde ela foi declarada.

Exemplos:

const varGlobal = "Eu sou uma variavel global"

function showMeTheCode() {

    let varLocal = "Eu sou uma variavel local"

    console.log(varGlobal)
    console.log(varLocal)
}

console.log(varLocal)

// Output: ReferenceError: varLocal is not defined

No exemplo acima não conseguimos acessar a variavel local pois ela só pode ter acesso dentro do escopo que ela está, no caso a função showMeTheCode(), vamos ver o que acontece se chamarmos a função apenas:

const varGlobal = "Eu sou uma variavel global"

function showMeTheCode() {

    let varLocal = "Eu sou uma variavel local"

    console.log(varGlobal)
    console.log(varLocal)
}

showMeTheCode()

/* Output: 
        Eu sou uma variavel global
        Eu sou uma variavel local
*/

Nesse caso conseguimos acessar as duas variáveis, porque a global está fora do escopo, mas pode ser usada e lida dentro de qualquer escopo.

Como ver o retorno dos valores

Podemos usar algumas ferramentas para isso, mas recomendo usar o dev tools do navegador, basta apertar Ctrl + Shift + J e abrira na aba de console, caso não abra funciona apertando F12 no seu teclado, mas ai você irá navegar para a aba console.

Para testarmos nossas saídas de código que são nossos resultados, vamos usar o comando console.log(variável)