Scribd
Carregar
5 visualizações6 páginas

Introdução Ao JavaScript

JavaScript é uma linguagem de programação interpretada, dinâmica e multiparadigma, utilizada para manipulação de páginas web e criação de servidores. Possui tipos de dados como string, number e boolean, além de variáveis declaradas com let, const e var. O documento também aborda operadores, funções, condicionais, estruturas de repetição, escopo, arrays, objetos e o DOM.

Enviado por

tainaribeiro687
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
5 visualizações6 páginas

Introdução Ao JavaScript

JavaScript é uma linguagem de programação interpretada, dinâmica e multiparadigma, utilizada para manipulação de páginas web e criação de servidores. Possui tipos de dados como string, number e boolean, além de variáveis declaradas com let, const e var. O documento também aborda operadores, funções, condicionais, estruturas de repetição, escopo, arrays, objetos e o DOM.

Enviado por

tainaribeiro687
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

O JavaScript é uma linguagem de programação:

●​ Interpretada (executada pelo navegador ou pelo [Link])​

●​ Dinâmica (tipos podem mudar em tempo de execução)​

●​ Multiparadigma (suporta orientação a objetos, funcional e


procedural)​

Usado para:

●​ Manipular páginas web (frontend)​

●​ Criar servidores com [Link] (backend)​

●​ Criar apps mobile, desktop e muito mais

JavaScript é fracamente tipado e dinâmico.

Tipos principais:

●​ string​

●​ number​

●​ boolean​

●​ undefined​

●​ null​

●​ bigint​

●​ symbol

Declaração de variáveis:

-​ let nome = "Ana";


-​ const idade = 28;
-​ var cidade = "Fortaleza";
let → pode alterar valor. Escopo de bloco​

const → não pode alterar o valor. Escopo de bloco​

var → antigo (evitar). Escopo de função. Pode causar comportamentos


inesperados

Operadores aritméticos:

●​ + (soma)
●​ - (subtração)
●​ * (multiplicação)
●​ / (divisão)
●​ % (resto da divisão)
●​ ** (potenciação)

5 + 2 // 7
5 - 2 // 3
5 * 2 // 10
5 / 2 // 2.5

Operadores comparativos:

●​ > (maior que)


●​ < (menor que)
●​ >= (maior ou igual)
●​ <= (menor ou igual)
●​ == (igual em valor)
●​ !== (diferente valor ou tipo)
●​ === (igual em valor e tipo)

5 == "5" // true (com coerção)


5 === "5" // false (sem coerção)

Operadores lógicos:

●​ && (e)
●​ || (ou)
●​ ! (negação)
true && false // false
true || false // true
!true // false

Funções - declaração:

Blocos reutilizáveis de código.

function somar(a, b) {
return a + b;
}

Expressão de função:

const somar = function(a, b) {


return a + b;
};

Arrow função:

const somar = (a, b) => {


return a + b;
};

// versão reduzida
const somar = (a, b) => a + b;

Condicional:

let idade = 18;

if (idade >= 18) {


[Link]("Maior de idade");
} else {
[Link]("Menor de idade");
}
Operador ternário:

let resultado = idade >= 18 ? "Maior" : "Menor";

switch:

let dia = 1;

switch (dia) {
case 1:
[Link]("Domingo");
break;
default:
[Link]("Outro dia");
}

Estruturas de repetição:

for → repetição com contador

for (let i = 0; i < 5; i++) {


[Link](i);
}
​

while → repete enquanto condição for verdadeira

let i = 0;
while (i < 5) {
[Link](i);
i++;
}
​

do while → executa pelo menos uma vez​

for...of → percorre valores (arrays)

let numeros = [10, 20, 30];


for (let numero of numeros) {
[Link](numero);
}
​

for...in → percorre chaves (objetos)

let pessoa = { nome: "Ana", idade: 21 };

for (let chave in pessoa) {


[Link](chave);
}

Escopo:

●​ Global: Variável acessível em todo o código.

●​ Local (função)

function teste() {
let mensagem = "Oi";
}

●​ Bloco

if (true) {
let nome = "Anabel";
}

Arrays:

Coleção ordenada de valores.

let frutas = ["maçã", "banana"];

Objetos:

Estrutura chave-valor.

let usuario = {
nome: "Tom",
idade: 21,
saudacao: function() {
return "Olá!";
}
};

DOM (Document Object Model):

É a representação da página HTML como objeto JavaScript.

Permite:

●​ Alterar texto​

●​ Alterar estilo​

●​ Criar elementos​

●​ Capturar eventos

Você também pode gostar