VARIÁVEIS
O que são variáveis?
Quando precisamos salvar
temporariamente o nome que uma pessoa
colocou no formulário de contato, ou
quando precisamos salvar um valor
para executar um cálculo, utilizamos
variáveis.
No JavaScript, podemos declarar uma
variável de três formas:
var: Declara uma variável podendo
atribuir um valor junto na sua
criação.
let: Declara uma variável com
escopo de bloco (veremos sobre
escopo de bloco mais adiante):
const: Declara uma variável apenas
de leitura. Após atribuir um valor
a uma const, não será possível
altera-lo :
IMPORTANTE!
Apesar de ainda ser muito utilizado,
o var não é mais recomendado pelas
boas práticas de programação.
Sobre os Nomes das Variáveis:
Case-Sensitive: O JavaScript
diferencia entre letras maiúsculas
e minúsculas. NOME é diferente de
nome.
Caracteres válidos:
Letras: Você pode usar letras
maiúsculas e minúsculas, mas
evite cedilha e acentuação.
Caracteres válidos:
Números: Desde que a variável
comece com 1 letra, você pode
usar números na definição.
Caracteres válidos:
Underline “_” e cifrão “$” : São
permitidos em qualquer posição e
são mais usados nas variáveis de
bibliotecas e frameworks.
TIPOS DE DADOS
Apesar das variáveis das
linguagens dinâmicas não
precisarem ter seus tipos de
dados identificados, isso não
quer dizer que eles não existam.
TIPOS DE DADOS
O JavaScript possui os seguintes
tipos de dados:
• Number • Null e Undefined
• String • Symbol*
• Boolean • Object
• Array • Function
Number:
São todos os números reais que
aprendemos nas aulas de
matemática.
Importante:
Estes valores numéricos não são
infinitos. Mesmo assim, o
JavaScript trabalha com ponto
flutuante de dupla precisão
(double) que permite valores
muito altos.
Máximo e Mínimo:
Para saber quais são estes
valores máximos e mínimos, você
pode efetuar os seguintes
comandos no console.
TIPOS DE DADOS
Strings:
São valores de texto, normalmente
chamados de “cadeias de
caracteres”:
Você precisa utilizar aspas
simples ‘ ou aspas duplas “
para encapsular a String.
Caracteres Especiais – Para
adicionar caracteres especiais
(‘, “, &, quebra de linha e
etc.) utilizamos a barra
invertida.
\n : Nova Linha \’ : Exibe ‘
\\ : exibe a \ \” : Exibe “
Concatenação de Strings: Você
pode unir (concatenar) Strings de
diversas formas.
1) Utilizando o sinal de +
2) Utilizando o String.concat
Este método também permite concatenar
diversas Strings.
3) Template de Strings: O template
de Strings é uma nova forma de
concatenação e utiliza o
${expressão} e a crase ao redor da
string.
TIPOS DE DADOS
Booleanos – São tipos de dados
que possuem apenas dois valores:
TRUE: Verdadeiro
FALSE: Falso
Observações:
Os valores true e false NÃO são
escritos entre aspas.
Cuidado! O JavaScript entende
certos valores dos outros tipos
de dados como true ou false.
Comparações: Uma das formas mais
comuns de se obter valores
booleanos é através de comparações.
Comparações: Se você testar 1 ==
“1”, obterá true. Para fazer
comparações que levam em
consideração o valor e o tipo do
dado, utilize ===
OPERADOR DESCRIÇÃO EXEMPLO
== Valor Igual 3 == 3 (true)
2 == 3 (false)
=== Valor e tipos iguais 3 === "3" (true)
3 === 3 (true)
2 === 3 (false)
!= Valor diferente de 3 != "3" (false)
1 != 2 (true)
1 != "2" (true)
!== Valor e tipo diferentes de 1 !== 1 (false)
1 !== 2 (true)
1 !== "1" (true)
1 !== "2" (true)
<, <= Menor (menor igual) a 10 < 100 (true)
100 < 100 (false)
10 <= 100 (true)
>, >= Maior (Maior Igual) a 10 > 100 (false)
100 > 100 (false)
10 >= 100 (false)
100 >= 100 (true)
&& "E" Lógico (10 < 100) && (5 > 4) (true)
Retorna true se todos testes (10 < 100) && (5 > 11) (false)
forem verdadeiros
|| "Ou" Lógico (10 < 100) || (5 > 4) (true)
Retorna true pelo menos 1 (10 < 100) || (5 > 11) (false)
teste for verdadeiro (10 > 100) || (5 > 11) (false)
! "Não" !true (false)
Inverte o booleano a sua !(1 == 1) (false)
esquerda !(10 != 10) (true)
TIPOS DE DADOS
Array (vetor): É uma lista ou
coleção de dados que pode ser
acessada por índice.
Para criar um vetor vazio basta
criar uma variável e atribuir [] a
ela.
Atribuindo valores: Você pode criar
um vetor com seus valores separados
por vírgula.
Você pode adicionar valores de
qualquer tipo no vetor.
Acessando valores: Os valores podem
ser acessados através de seu
índice.
Observe que o índice começa no 0.
Então o primeiro item está na
posição 0, o segundo na posição 1 e
assim por diante.
Alterando e atribuindo valores pelo
índice: Com o índice, você pode:
a) Alterar um valor existente
b) Inserir um novo valor em uma posição
específica.
TIPOS DE DADOS
Null: O null é um tipo de dado
especial, ele representa a falta
de valor de qualquer outro tipo
de dado.
Undefined: Este tipo de dado
aparece quando criamos uma
variável e tentamos acessar seu
valor antes de ter atribuído
algo a ela.
Undefined !== Null: undefined e
null são diferentes.
Resumidamente, isto ocorre pois
null ainda é um valor e
undefined é quando o JavaScript
não sabe qual o tipo de dado.
TIPOS DE DADOS
Objeto: É um tipo de dado composto
pelos outros tipos. Com ele,
podemos organizar informações
relacionadas em uma variável.
Criação: Um objeto vazio é bem
simples de criar.
No caso de um objeto com
propriedades (variáveis), fazemos
assim:
Caso você já tenha criado o objeto
e queira adicionar um novo, você
pode fazer de duas formas:
Note que se você usar a segunda
opção, precisa ter uma String
dentro dos [].
A alteração de dados funciona da
mesma forma.
TIPOS DE DADOS
Funções: As funções são utilizadas para
criarmos uma sequencia de operações
para serem executadas.
Note que para fazer a função executar,
você precisa chama-la com os
parênteses.
Outra forma de criar uma função é
chamando o function com o nome
dela.
Também é possível passar valores
para a função acessar.
Replique este código no seu
computador para que você possa ver
os resultados.
O último recurso que estaremos
vendo da função (por enquanto) é o
comando return.
A primeira coisa que você precisa
saber. O return para a função e
devolve um valor.
Então, estes estão corretos:
E estes não executarão corretamente
Agora que você sabe como usar o
return, vamos falar sobre a
utilidade dele:
Uma função com return devolve um
valor que podemos guardar em uma
variável.
O return faz com que a função seja
uma ferramenta excelente para
tornarmos nosso código mais simples
de entender.
Conforme formos avançando no curso,
você verá que utilizaremos bastante
as funções em nosso código
Curiosidade: Caso você não coloque
o return, por default as funções
devolvem undefined.
