O que é variável em JavaScript
Published: 2023-01-17 11:57:11

Trabalhar com variável em [JavaScript](https://jedibit.com.br/o-que-e-javascript/) é muito simples e divertido. Diferentemente de outras linguagens, as quais são fortemente tipadas, como o Java por exemplo, o JavaScript é muito mais dinâmico e fácil para se trabalhar com variáveis.

## O que são variáveis?

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d0e9qle33jjyax11lbak.png)

Variáveis são como micro caixas para armazenar dados em tempo de execução do programa, no caso do JavaScript, o Navegador. Veja um exemplo de variável abaixo.
Imagine as variáveis como uma caixa pequena

**Mas antes, vamos fazer uma breve revisão sobre o JavaScript.**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/csc3d8i840qmpan43y1y.gif)

JavaScript (frequentemente abreviado como JS) é uma linguagem de programação interpretada estruturada.

Com JavaScript você consegue manipular os objetos de uma página web de forma dinâmica. Só para você entender, hoje o JavaScript se tornou tão poderoso que conseguimos fazer praticamente qualquer coisa com essa linguagem. Desde aplicações web, desktop e jogos.

De acordo com o StackOverflow, o JavaScript é a linguagem mais popular do mundo:
As linguagens mais usadas do mundo

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jkbn9whxu67vetksjwpk.png)

O salário médio de um desenvolvedor JavaScript é em torno de quatro a cinco mil reais. Mas vai depender do seu nível de conhecimento e experiência. Tem cargos que já dar para começar ganhando de 7 a 8 mil reais.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oxhrg2jkow7wy75t1epn.png)

**Bora para a prática**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xp2bmsyz6wqdrzvf09r8.gif)
Vamos abrir o navegador, acessar o google, clicar no botão direito dentro de qualquer área do site e ir na opção inspecionar.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yhzld415ffbmh9dyo8pv.png)


Roda esse código:

`document.body.style.backgroundColor = 'green';`

Como você pode ver, esse é um exemplo de um código JavaScript e o poder que ele tem para manipular uma página Web.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/18d4s72m1y6n7likohfo.png)

O console do navegador é muito útil para depurar nosso código e tempo de desenvolvimento. Testar funções, parâmetros e etc. Só tome cuidado para não mostrar informações sensíveis aqui quando o seu sistema estiver em produção. 

Detalhe, não pense que está rodando um código aqui que você estará roubando o google, pois esses comandos só funcionam em tempo de execução. Se eu recarregar a página não terá mais o efeito do comando salvo.

## JavaScript é Java?

Embora existam semelhanças entre JavaScript e Java, incluindo o nome da linguagem, a sintaxe e as respectivas bibliotecas padrão duas linguagens são distintas e diferem muito entre si.

## O que é  ECMAScript?

O ECMAScript dita as regras, como limitações, boas práticas (O que deve e o que não deve ser feito) e as padronização. O JavaScript é a linguagem de programação em si.
Criando a primeira variável em JavaScript
JavaScript

`let idade = 5;`

Bom, de forma simples e sucinta, nós temos a nossa variável.

Declararei o nome da variável e disse que ela vai receber um valor 5 do tipo número.

Vamos entender mais um pouco.

**let** é a palavra chave para dizer o tipo da nossa variável

**idade** é o nome da nossa variável

**=** é a operação de atribuição. Ou seja, estamos atribuindo o valor que está à direita para dentro da variável que está à esquerda, cujo nome é idade.

**5** é o valor da variável em si.

E por fim, toda sentença em JavaScript você deve finalizar com ponto e vírgula.

As variáveis não podem ter espaço, vírgula, ponto ou caracteres especiais.  O recomendado é usar o **camelCase**. A primeira letra em minúscula e as palavras consequentes em maiúsculo.

Se eu fosse digitar Nome completo. Eu não devo digitar Nome completo.

mas assim: nomeCompleto.

É importante frisar que as variáveis em JavaScript são case sensitive, eles se diferenciam como são definidas.

Por exemplo: você declarou idade com i minúsculo e tenta acessar essa variável com o I maiúsculo. Isso faz diferença, vai gerar um erro.

**Mas como posso testar essa variável?**

Para isso, podemos usar o comando **console.log(idade)** e colocar para vermos a saída do valor dessa variável.
Tipos de dados de variável em JavaScript

Diferentemente do Java ou C#, no JavaScript nós não precisamos definir o tipo de dado que essa variável irá receber, mas a sua atribuição em si já irá determinar o valor da mesma, no entanto, esse valor poderá ser mudado ao longo do código sem precisar alterar o tipo de dado da variável, por exemplo:

Digamos que você declara uma variável e atribui um tipo “String”, que representa um valor em texto, mas ao longo do código esse valor muda e você atribui um valor do tipo “Number”, por sua vez, o interpretador irá entender o valor sem causar uma exceção. Já em Java ou C#. 

Isso seria impossível, pois todas as variáveis já estão estritamente limitadas aos tipos pré definidos, uma string não pode receber um inteiro e vise versa, claro que há maneiras de forçar uma conversão, mas isso não vem ao caso.

Vamos criar mais uma variável chamada
JavaScript

`let nome = “Josué Barbosa”;`

Eu o tipo dessa variável é String. Em resumo, String são praticamente todo o tipo de valor que representa  textos ou palavras e em JavaScript atribuímos Strings colocando aspas duplas ou simples entre o texto ou a palavra.

Vamos mostrar esse texto

`console.log(nome)`

Outro tipo de variável é o um valor booleano, que recebe true (verdadeiro) ou false(falso).

Por exemplo:
JavaScript

`let homem = true;`

Estou dizendo que homem recebe true (verdadeiro)

console.log(homem)

Outro tipo de valor que podemos ver é o float, ou seja. Representa um valor que não é inteiro, como:
JavaScript

`let altura = 1.62;`

Esse valor é do tipo number, contudo ele apresenta casas decimais.

`console.log(altura)`

Resultado final:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pd64p1wnclndon1359en.png)

Gostou? Deixa o seu feedback nos comentários 😌

Siga nosso Instagram para ficar sempre atualizado