Materiais de… / ... / JavaScript pt.

1 Criado com o

JavaScript pt.1
Variáveis
No JavaScript, existem várias formas de declarar variáveis. Abaixo estão alguns dos tipos de
variáveis mais comuns, juntamente com uma explicação simplificada e exemplos de cada um:

• var : É a forma mais antiga de declarar variáveis em JavaScript. As variáveis var podem ser
acessadas de qualquer lugar dentro da função em que foram declaradas.
Exemplo:

JavaScript

var age = 27 console.log(age) // 27

Nesse caso, a variável age é declarada com a palavra-chave var e recebe o valor "27". Essa
variável pode ser acessada em qualquer lugar dentro da função que foi declarada (como uma
função global). Mas é importante notar que o uso de var está sendo substituído por let e const,
são considerados mais seguros e preferidos nas versões mais recentes do JavaScript.

• let é usado para declarar uma variável local dentro de um bloco específico no projeto.
Diferente de var que pode ser acessada por funções globais, let só é visível e acessível dentro
do bloco onde foi declarada.
Exemplo:

JavaScript

let name = "Rodolfo" if (true) { let name = "Stephani" console.log(name) //

retornará stephani } console.log(name) // retornará rodolfo // Stephani
//Rodolfo

Neste exemplo, temos duas declarações da variável name usando let.

Inicialmente, a variável name é declarada e recebe o valor "Rodolfo" fora do bloco if. Dentro do
bloco if, uma nova declaração da variável name é feita e recebe o valor "Stephani". Ao executar o
código, o primeiro console.log dentro do bloco if exibe o valor "Stephani", pois ele está
referenciando a variável name declarada dentro desse bloco. Já o segundo console.log é
executado fora do bloco if, ele exibe o valor "Rodolfo", pois está referenciando a variável name que
foi declarada fora do bloco, ou seja, não é afetada pela troca de valores de dentro do if.

• const é usado para definir um valor constante. Diferente de var e let, as variáveis de const não
podem ser atualizadas nem declaradas novamente.
Exemplo:

JavaScript

const name = "Stephani" name = "Rodolfo" console.log(name) //TypeError:

Assignment to constant variable.

Neste caso é retornado um erro pois foi declarado inicialmente que name recebia o valor stephani
e logo abaixo tentei alterar o valor da variável. Uma vez definido o valor de uma const, ele deve
permanecer com esse valor.

Strings
Uma string é uma sequência de caracteres que representa texto. Ela é usada para armazenar e
manipular dados textual no código. Uma string pode conter letras, números, símbolos e espaços
em branco.

• String de texto são strings delimitadas por aspas duplas ou aspas simples (””) (’’)
Exemplo:

JavaScript

let mensagem = "Olá, mundo" console.log(mensagem) //Olá, mundo!

Nesse exemplo, a variável "mensagem" foi declarada e atribuída com a string de texto "Olá,
mundo!". Agora você pode usar essa variável para manipular ou exibir a string conforme
necessário.
 • Strings de template (template strings): São strings delimitadas por acento grave/backtick (``)
que nos dão super poderes dentro das strings usando a sintaxe ${expressão} . Isso facilita a
introdução de variáveis e expressões (palavras e números) dentro da string.
Exemplo

JavaScript

let nome = 'Stephani' let idade = 27 let frase = `Meu nome é ${nome} e tenho
${idade} anos` console.log(frase) // Meu nome é Stephani e tenho 27 anos

Neste exemplo temos a variável nome que recebe o valor stephani e a variável idade recebendo
27. Com o template string podemos inserir esses valores dentro de uma nova variável que no
caso, a variável frase de forma que ao ser exibida, ela inclua os valores das variáveis anteriores.

Numbers
Em JavaScript, existem vários tipos de números que podem ser usados para representar valores
numéricos.

• Número inteiro representa um número inteiro positivo ou negativo, sem casas decimais.
Exemplo:

JavaScript

let numeroInteiro = 10 console.log(numeroInteiro) // 10

• Número decimal representa um número com casas decimais, também conhecido como ponto
flutuante.
Exemplo:

JavaScript

let numeroDecimal = 3.14 console.log(numeroDecimal) // 3.14

 • Número exponencial representa um número usando a notação exponencial, com uma base e
um expoente. A variável exponencial é usada quando um número é muito grande ou muito
pequeno.
Exemplo:

JavaScript

let numeroExponencial = 1.23e+5 // Representa 123000

console.log(numeroExponencial) // 123000

É importante observar que, em JavaScript, os números não são explicitamente definidos como um
tipo específico. Eles são todos considerados do tipo "number" e o JavaScript faz a conversão
automaticamente conforme necessário.

Boolean
Em JavaScript, o tipo de dado booleano representa um valor de verdadeiro ou falso (true ou
false). Esse tipo de dado é usado principalmente em condições e expressões lógicas para tomar
decisões ou controlar o fluxo do programa.
Exemplo:

JavaScript

let condicao = true console.log(condicao) // true

Object
Imagine que você tenha uma variável chamada pessoa e queira ter uma
coleção de propriedades, como nome, idade, cidade... Isso é possível?
Claro que é, isso é chamado de objeto. Objeto é uma coleção de
propriedades, sendo cada propriedade definida como uma sintaxe de
chave: valor. A chave pode ser uma string e o valor pode ser qualquer
informação.
Exemplo:
 JavaScript

const pessoa = { name: 'Stephani', age: 27, } console.log(pessoa) // { name:

'Stephani', age: 27 }

Null e Undefined
O valor null é um valor nulo ou "vazio” definido pelo Dev quando cria o código. Enquanto o valor
undefined é quando estamos uma propriedade inexistente.
Exemplo null:

JavaScript

let nome = null if (nome === null) { console.log("O nome não foi fornecido") }
else { console.log("O nome é: " + nome) } //O nome não foi fornecido

Neste exemplo, atribuímos o valor null à variável nome. Em seguida, verificamos se o valor de
nome é exatamente igual a null usando o operador de igualdade estrita (===). Se for igual,
exibimos a mensagem "O nome não foi fornecido.". Caso contrário, exibimos a mensagem "O
nome é: " seguida do valor de nome.
Exemplo undefined:

JavaScript

if (nome === null) { console.log("O nome não foi fornecido.") } else {

console.log("O nome é: " + nome) } // ReferenceError: nome is not defined

Neste exemplo eu tento pegar o valor de nome porém como exclui a variável e estou tentando
usar algo que não existe, faz com que eu receba como resposta undefined.

Array
Array é um objeto especial que armazena uma lista ordenada de elementos. É utilizado para
armazenar e acessar múltiplos valores em uma única estrutura. Pode ser criado usando colchetes
([]) e adicionando os elementos separados por vírgula.
Exemplo:
 JavaScript

let frutas = ["maça", "banana", "laranja"] console.log(frutas[0]) // Retornará

maça console.log(frutas.length) // Retornará 3 frutas.push("uva")
console.log(frutas) // maça //3 // [ 'maça', 'banana', 'laranja', 'uva' ]

Nesse exemplo, criamos um array frutas que contém três elementos. Podemos acessar os
elementos do array utilizando o índice (começando de 0) e obter o comprimento do array
utilizando a propriedade lenght. Também é possível adicionar elementos ao array usando o
método push().

If & else
No JavaScript, o "if" e "else" são usados para criar estruturas condicionais. Essas estruturas
permitem que o código execute diferentes blocos de instruções com base em uma condição. O
bloco de código dentro do "if" é executado se a condição fornecida for verdadeira, enquanto o
bloco de código dentro do "else" é executado se a condição for falsa.
Exemplo:

JavaScript

let idade = 18 if ( idade >= 18) { console.log("Você é maior de idade.") } else

{ console.log("Você é menor de idade.") } // Você é maior de idade.

Nesse exemplo, a variável "idade" é definida como 18. O bloco de código dentro do "if" é
executado porque a condição "idade >= 18" é verdadeira. Portanto, a mensagem "Você é maior de
idade" será exibida no console. Se alterarmos o valor de "idade" para 16, o bloco de código dentro
do "else" será executado, e a mensagem "Você é menor de idade" será exibida no console.

Function (funções)
No JavaScript, as funções são blocos de código reutilizáveis que podem ser executados quando
forem chamadas. Elas permitem agrupar instruções relacionadas e executá-las com um único
comando. As funções podem receber argumentos, processar esses argumentos e retornar um
valor opcional. Existem 3 tipos de funções que são mais comuns.

• Funções sem argumentos e sem retorno

Exemplo:

JavaScript

function saudacao() { console.log("Olá! Bem-vindo(a)") } saudacao() // Chama a

função saudacao e exibe "Olá! Bem-vindo" // Olá! Bem-vindo

Nesse exemplo, a função saudacao não recebe nenhum argumento e não retorna nenhum valor.
Ela apenas exibe uma saudação no console quando é chamada.

• Funções com argumentos e sem retorno

Exemplo:

JavaScript

function soma(a, b) { let resultado = a + b console.log("O resultado da soma é:

" + resultado) } soma(3, 5) // Chama a função soma com os argumentos 3 e 5. //
O resultado da soma é: 8

Nesse exemplo, a função soma recebe dois argumentos ( a e b ), realiza a soma e exibe o
resultado no console.

• Funções com argumentos e com retorno

Exemplo:

JavaScript

function multiplicacao(a, b) { let resultado = a + b return resultado } let

resultadoFinal = multiplicacao(4, 6) // Chama a função multiplicacao com os
argumentos 4 e 6 e armazena o resultado retornado a variável resultadoFinal
console.log("O resultado da multiplicação é: " + resultadoFinal) // Exibe "O
resultado da multiplicação é: 10" //O resultado da multiplicação é: 10

Nesse exemplo, a função multiplicacao recebe dois argumentos ( a e b ), realiza a multiplicação e

retorna o resultado. Esse resultado é armazenado na variável resultadoFinal e depois exibido no
console.