15/01/2024, 14:57 JavaScript pt.

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:

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:

https://devclub.notion.site/JavaScript-pt-1-527c4ccabf824f059874ddc3b25f7117 1/8
15/01/2024, 14:57 JavaScript pt.1

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:

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:

https://devclub.notion.site/JavaScript-pt-1-527c4ccabf824f059874ddc3b25f7117 2/8
15/01/2024, 14:57 JavaScript pt.1

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

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:

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

https://devclub.notion.site/JavaScript-pt-1-527c4ccabf824f059874ddc3b25f7117 3/8
15/01/2024, 14:57 JavaScript pt.1

• Número decimal representa um número com casas decimais, também

conhecido como ponto flutuante.
Exemplo:

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:

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:

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

Object

https://devclub.notion.site/JavaScript-pt-1-527c4ccabf824f059874ddc3b25f7117 4/8
15/01/2024, 14:57 JavaScript pt.1

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:

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:

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:

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.

https://devclub.notion.site/JavaScript-pt-1-527c4ccabf824f059874ddc3b25f7117 5/8
15/01/2024, 14:57 JavaScript pt.1

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:

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:

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.

https://devclub.notion.site/JavaScript-pt-1-527c4ccabf824f059874ddc3b25f7117 6/8
15/01/2024, 14:57 JavaScript pt.1

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:

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:

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:

https://devclub.notion.site/JavaScript-pt-1-527c4ccabf824f059874ddc3b25f7117 7/8
15/01/2024, 14:57 JavaScript pt.1

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

let resultadoFinal = multiplicacao(4, 6) // Chama a função multiplicacao

https://devclub.notion.site/JavaScript-pt-1-527c4ccabf824f059874ddc3b25f7117 8/8