Técnico em Informática

Integrado ao Ensino Médio

LINGUAGEM DE
PROGRAMAÇÃO WEB II

2º ano
Aula 04

Prof. Esp. Paulo Henrique Leme Ramalho

2024
FUNÇÕES EM JAVASCRIPT

Funções são blocos de código reutilizáveis, capazes de executar tarefas específicas, promovendo
modularidade e organização. Elas encapsulam a lógica de execução, facilitando a manutenção e
compreensão do código.

Ao dividir o código em funções, tornamos cada parte mais fácil de entender e manter. Além disso, a
reutilização dessas funções em diferentes partes do código contribui para a eficiência e coesão.

Funções possuem escopo próprio para as variáveis declaradas dentro delas, evitando conflitos e
proporcionando encapsulamento.
FUNÇÕES EM JAVASCRIPT - PARÂMETROS E RETORNO

Funções podem aceitar parâmetros, proporcionando flexibilidade para adaptar seu

comportamento de acordo com a entrada. Os parâmetros são valores fornecidos à função durante
sua chamada, permitindo a personalização da execução.
A palavra-chave “return” permite que a função forneça um resultado após a execução. Esse
resultado pode ser utilizado em outras partes do código, ampliando a utilidade da função.
FUNÇÕES ANÔNIMAS E ARROW FUNCTIONS
Funções anônimas são aquelas sem um nome específico, geralmente usadas em situações
específicas, como em callbacks (função passada como argumento para outra função).

As arrow functions são uma forma mais concisa de escrever funções anônimas, elas oferecem uma
sintaxe simplificada e um comportamento específico devido ao seu escopo léxico (capaz de acessar
variáveis de seu ambiente de criação).
OBJETOS EM JAVASCRIPT

Objetos são estruturas de dados

versáteis que encapsulam
propriedades e métodos,
organizando informações de
forma coesa.

Acesso a Propriedades e Métodos:

PROPRIEDADES E MÉTODOS
Propriedades:
- Propriedades representam características ou atributos de um objeto.
- Podem ser do tipo primitivo (números, strings) ou referenciar arrays e outros objetos.

Métodos:
- Métodos são funções associadas a objetos, permitindo que eles executem ações específicas.
- Permitem modularidade e reutilização de código.
FUNÇÕES NATIVAS
O JavaScript conta com diversas funções nativas incorporadas à linguagem, as quais simplificam
a realização de serviços rotineiros. A seguir, destacam-se algumas funções essenciais:

console.log(): Função utilizada para exibir mensagens no console do navegador ou ambiente de

desenvolvimento. Útil para depuração e monitoramento do código.

alert(): Exibe uma caixa de diálogo com uma mensagem para o usuário. Útil para interações
simples em páginas web.
FUNÇÕES NATIVAS

prompt(): Exibe uma caixa de diálogo para o usuário inserir dados. Retorna a entrada do usuário
como uma string.

confirm(): Exibe uma caixa de diálogo com botões "OK" e "Cancelar". Retorna true se o usuário
clicar em "OK" e false se clicar em "Cancelar".
FUNÇÕES NATIVAS
setTimeout() e setInterval(): Funções para agendar a execução de código após um determinado
intervalo de tempo (setTimeout) ou em intervalos regulares (setInterval).

Math: Objeto que fornece métodos e constantes para operações matemáticas.

FUNÇÕES NATIVAS
Date: Objeto para manipulação de datas e horas.

Métodos para Arrays e Strings: Métodos embutidos em arrays e strings que facilitam operações
comuns, como map, forEach e filter para arrays, e length, toUpperCase e toLowerCase para strings.
FUNÇÕES NATIVAS
FUNÇÕES NATIVAS
EXERCÍCIO DE FIXAÇÃO
EXERCÍCIO 1:
Desenvolva um programa que leia 2 números e uma operação matemática (as 4 básicas), e com uma mesma função,
exiba o resultado desta operação na tela.

EXERCÍCIO 2:
Desenvolva um programa que leia 4 notas e a frequência do aluno, utilize uma função para calcular a média e outra
para verificar se o aluno está aprovado, reprovado ou de exame e exiba na tela.
Freq >= 75% - Média < 5 (Reprovado), Média >= 5 e < 6 (Exame), Média >= 6 (Aprovado). Freq < 75% - Reprovado

EXERCÍCIO 3:
Crie uma função que recebe uma string como parâmetro e retorna a string invertida, exiba na tela.

EXERCÍCIO 4:
Crie um objeto “pessoa” com as propriedades nome e data de nascimento(receba pelo prompt()). Em seguida, crie
uma função que recebe esse objeto como parâmetro e retorna uma string com a mensagem "Olá, eu sou [nome] e
tenho [idade] anos.“

EXERCÍCIO 5:
Desenvolva um programa que leia o nome e idade de um estudante, e dinamicamente, receba as disciplinas
cursadas por este estudante. Exiba todas as disciplinas na tela.