Var, let e constantes Typescript

Neste post, vamos abordar como criar e chamar as var, let e constantes, também dando uma ideia geral do que é cada coisa.

O que é uma variável?

Vamos dizer que é um dado (seja ele qual tipo for) que está armazenado na memória enquanto a nossa aplicação está rodando.

Vamos pensar em contas matemáticas para ilustrar o que é e como declarar.

X = 1 + 2
Y = 3 * 2

Em nossa aplicação os resultados das operações matemáticas serão armazenados nas variáveis que chamamos de “x” e “y”, podendo assim dar uma função para elas mais tarde, seja usando em outras operações ou mostrando em tela o resultado,  quando encerramos a aplicação todas as variáveis que estavam guardadas em memórias são eliminadas e não mais possuem os resultados que antes tinham.

Como declarar variáveis em TypeScript

Em TypeScript podemos declarar as variáveis de duas formas, seja dando o tipo dela ou não declarando o tipo e para isso devemos começar usando a palavra reservada “var”:

// Tipando	
var x: number;
var nome: string;

// Não tipando usado no JS e TS
var x;
var nome;

Como atribuir algum valor ou algum dado

Agora que já sabemos como declarar uma variável, vamos adicionar um valor a ela.

// Declarando
var nome: string;
var idade: number;

// Atribuindo dados ou valores
nome = “Dener Troquatte”;
idade = 30;

Também podemos atribuir valor já na declaração da variável, assim ela já inicia com um valor.

var nome: string = “Dener Troquatte”
var idade: number = 30;

Como usar variáveis

Sabemos como criar uma variável e como atribuir valores, vamos olhar como utilizar de maneira simples esses valores armazenados:

var x: number =  1;
var y: number = 2;
var total: number = x + y;
console.log(“O resultado da operação é: ” + total)

E qual será a saída de dados do console.log?

console.log(“O resultado da operação é: ” + total)
// O resultado da operação é: 3

Podemos tipar ou não as variáveis utilizando o conhecimento prévio do post.

Mudando o valor da variável

Como o próprio nome já nos diz é variável, então podemos mudar os valores delas e atribuir novos, muito simples:

var x: number =  1;
var y: number = 2;
var total: number = x + y;
console.log(“O resultado da operação é: ” + total)
// saida: O resultado da operação é: 3

total = x * y
Console.log(“O novo resultado da operação é: ” + total)
// saida: O novo resultado da operação é: 2

E podemos fazer isso quantas vezes forem necessárias na aplicação, podemos também mudar os valores de “x” e “y”, fazendo a mesma coisa:

x = 7
y = 8
console.log(“O valor de x: ” + x + “ e o valor de y: “ + y);
//saida: O valor de x: 7 e o de y: 8;

Diferença entre var e let

Existe outra forma de declarar uma variável e tem uma pequena diferença,  let pode ser usado somente em escopo local e não global.

if(true) {
  let a = “Troquatte”;
  console.log(a);
}
console.log(a)

Quando rodarmos esse trecho de código, vamos ver um erro aparecendo quando o console.log que está fora de chaves tenta chamar a variável “a” fora do escopo e porque isso acontece?

Como dissemos antes, o let permite apenas escopo local, então ele só pode ser acessado pelos comandos que estão dentro de chaves junto com ele. E sendo assim iremos ver o erro de “Cannot find name ‘a’”. E assim temos uma pista do que está acontecendo no código.

Agora com essas dicas, já podemos começar a declarar e trabalhar com nossas variáveis em TypeScript.

Isso é falado no meu curso de Angular. Quer saber mais sobre o Angular ou TypeScript? Acompanhe o Blog e o meu Curso de Angular

O que é uma constante

Uma constante nada mais é que um valor imutável, como o valor da velocidade da luz. Sendo assim, a aplicação não tem como alterar o valor das constantes.

Como iniciar e usar uma constante

A sintaxe é basicamente a mesma para iniciar e usar uma constante, só devemos adicionar a palavra reservada “const” ao invés de “var”.

// Tipando
const nome: string = “Dener”
const idade: number = 30;

E para usar elas é a mesma coisa:

console.log(“O meu nome é ”  + nome + “ e minha idade em 2022 é ”  + idade);

Quer saber mais sobre javascript let, var e const? Veja essa postagem aqui => o que é, aplicação e como aprender a linguagem JS. Lembrando que é uma BAITA AULA JS que esse post lhe entrega.