SlideShare uma empresa Scribd logo
1 / 11
JavaScript
Aula 04
2 / 11
Funções em JavaScript
● Funções:
– Funções são usadas para criar pequenos trechos de códigos
separados do script principal. Esses trechos de códigos podem
gerar um resultado (o que chamamos de funções com retorno) ou
apenas executar uma rotina (funções sem retorno).
– Funções também são úteis para serem facilmente chamadas em
eventos como clique do mouse ou submeter um formulário.
– Toda função deve ter um nome e possuir um delimitador de
parâmetro que são identificados com parênteses.
3 / 11
Funções em JavaScript
● Funções sem Retorno:
– Para criar funções em JavaScript usamos a palavra-
chave function, então, damos um nome para nossa
função. Essas primeiras funções que criaremos
serão simples e não terão parâmetros.
– Portanto, a regra geral é a seguinte:
function nomeDaFuncao ( parâmetros ) {
código da função
}
4 / 11
Exemplo de Funções sem retorno
5 / 11
Exemplo 2 de Funções sem retorno
6 / 11
Funções em JavaScript
● Funções com retorno:
– Funções com retorno são criadas da mesma
forma das funções sem retorno. Sua diferença
principal é que esta função devolve um resultado
para o script. Por exemplo, podemos gerar um
resultado de uma soma e devolver este
resultado para o script.
7 / 11
Exemplo de Funções com retorno
8 / 11
Funções em JavaScript com
parâmetro
● Muitas vezes, funções devem receber dados para
processá-los. A inserção de dados na função é
dada por meio dos parâmetros ou argumentos da
função.
● Uma função pode ter quantos parâmetros forem
necessários desde que cada um seja separado por
vírgula e não tenha a mesma denominação.
9 / 11
Exemplo de funções com
parametros
10 / 11
Exercício
1.Crie um script que faça as operações matemáticas:
soma, subtração, multiplicação e divisão de dois
números quaisquer utilizando uma função.
2.Crie um script que calcular se um dado inteiro é par
ou ímpar usando funções.
3.Escreva uma função, em javascript, de
potenciação, em que os dados de entrada são:
base e expoente (inteiros).
11 / 11
Exercício
• Crie um documento em html
onde o mesmo escreva os
dados cadastrais de um usuário:
nome, rg, cpf. Para exercitarmos
os conceitos de função crie uma
função que pula uma linha para
mostrar as informações uma
abaixo da outra. Crie também
uma função escrever que
escreve o texto passado por
parâmetro

Mais conteúdo relacionado

ODP
Aula03 - JavaScript
ODP
Aula02 - JavaScript
ODP
Aula06 - JavaScript
ODP
ODP
Aula11 - PHP
ODP
Aula14 - Funções em PHP
PDF
LabMM3 - Aula teórica 09
PDF
M5-Desenvolvimento-Paginas-Web
Aula03 - JavaScript
Aula02 - JavaScript
Aula06 - JavaScript
Aula11 - PHP
Aula14 - Funções em PHP
LabMM3 - Aula teórica 09
M5-Desenvolvimento-Paginas-Web

Mais procurados (20)

PDF
Manual-de-php
PPTX
JavaScript - #Aula04 parte 06 - CamelCase, getElementByID, isNaN
PDF
(A11) LabMM3 - JavaScript - Subalgoritmos e scope
PPTX
Curso Básico de Java - Aula 3
PPTX
Introdução ao php
PDF
10+ Coisas Que Odeio Em Php
PDF
Princípios de projeto e boas práticas de programação em Java - Márcio Torres
PDF
Aula 4 | Funções
PDF
mod3-programação-estruturada
PPTX
Introdução ao javascript
PPTX
Programando em C++ // Estrutura Básica
PDF
Funções com Ruby[AULA 5]
PDF
T11_LM3: Subalgoritmose colisões (2013-2014)
PDF
Aula 3 | Registros e Funções
PDF
Testes unitários como ferramentas de design de código
PDF
Testes unitários como ferramentas de design de código
PDF
Introdução à Linguagem de Programação C
DOCX
Desenvolvimento de função se37
PDF
PPTX
Curso Básico de Java - Aula 2
Manual-de-php
JavaScript - #Aula04 parte 06 - CamelCase, getElementByID, isNaN
(A11) LabMM3 - JavaScript - Subalgoritmos e scope
Curso Básico de Java - Aula 3
Introdução ao php
10+ Coisas Que Odeio Em Php
Princípios de projeto e boas práticas de programação em Java - Márcio Torres
Aula 4 | Funções
mod3-programação-estruturada
Introdução ao javascript
Programando em C++ // Estrutura Básica
Funções com Ruby[AULA 5]
T11_LM3: Subalgoritmose colisões (2013-2014)
Aula 3 | Registros e Funções
Testes unitários como ferramentas de design de código
Testes unitários como ferramentas de design de código
Introdução à Linguagem de Programação C
Desenvolvimento de função se37
Curso Básico de Java - Aula 2
Anúncio

Semelhante a Aula05-JavaScript (20)

PDF
Java script aula 05 - funções
PDF
Java script - funções
PDF
(A10) LabMM3 - JavaScript - Subalgoritmos
PDF
Código limpo e eficiente com JavaScript
PDF
Javascript tutorial
PPT
Javascript não é Java+Script (TDC Floripa 2012)
PPTX
Javascript basics
PDF
Javascript (parte 2)
PPT
Aula javascript
PDF
Como usar Funções sem e com parâmetros em JavaScript
PPTX
Developer day 2010 - javascript
PDF
JS - JavaScript.pdf
PDF
Introdução a JavaScript
PPTX
Javascript para CSharpers 2 - Functions
PDF
T10_LM3: Subalgoritmos/funções (2013-2014)
PDF
Java script aula 02 - operadores
PPT
Aula2
PPTX
Interface_web_II-aula03-Condicionais_IF_ELSE.pptx
PPTX
Programacao funcional
PDF
(A06) LabMM3 - JavaScript
Java script aula 05 - funções
Java script - funções
(A10) LabMM3 - JavaScript - Subalgoritmos
Código limpo e eficiente com JavaScript
Javascript tutorial
Javascript não é Java+Script (TDC Floripa 2012)
Javascript basics
Javascript (parte 2)
Aula javascript
Como usar Funções sem e com parâmetros em JavaScript
Developer day 2010 - javascript
JS - JavaScript.pdf
Introdução a JavaScript
Javascript para CSharpers 2 - Functions
T10_LM3: Subalgoritmos/funções (2013-2014)
Java script aula 02 - operadores
Aula2
Interface_web_II-aula03-Condicionais_IF_ELSE.pptx
Programacao funcional
(A06) LabMM3 - JavaScript
Anúncio

Mais de Jorge Ávila Miranda (20)

ODP
Aula16 - Jquery
ODP
Aula15 - Array PHP
ODP
Aula13 - Estrutura de repetição (for e while) - PHP
ODP
Aula Herança
ODP
Aula05 - Poojava
ODP
ODP
Aula09 - Java Script
ODP
Aula08 - Java Script
ODP
Aula07 - JavaScript
ODP
Aula04-POOJAVA
ODP
Aula04-JavaScript
ODP
Aula01-JavaScript
ODP
Aula07 - Arquitetura e Manutenção de Computadores
ODP
Aula06 - Arquitetura e Manutenção de Computadores
ODP
Aula05 - Informática Básica
ODP
Aula04 - Informática Básica
ODP
Aula05 - Lógica de Programação
ODP
Aula03 - Informática Básica
ODP
Aula05 - Arquitetura e manutanção de Computadores
ODP
Aula04 - Arquitetura e manutanção de Computadores
Aula16 - Jquery
Aula15 - Array PHP
Aula13 - Estrutura de repetição (for e while) - PHP
Aula Herança
Aula05 - Poojava
Aula09 - Java Script
Aula08 - Java Script
Aula07 - JavaScript
Aula04-POOJAVA
Aula04-JavaScript
Aula01-JavaScript
Aula07 - Arquitetura e Manutenção de Computadores
Aula06 - Arquitetura e Manutenção de Computadores
Aula05 - Informática Básica
Aula04 - Informática Básica
Aula05 - Lógica de Programação
Aula03 - Informática Básica
Aula05 - Arquitetura e manutanção de Computadores
Aula04 - Arquitetura e manutanção de Computadores

Último (16)

PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
PPTX
Arquitetura de computadores - Memórias Secundárias
PDF
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
PDF
Processos na gestão de transportes, TM100 Col18
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PDF
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PDF
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPTX
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
PDF
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
PDF
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
PDF
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
PDF
Custos e liquidação no SAP Transportation Management, TM130 Col18
PDF
COBITxITIL-Entenda as diferença em uso governança TI
PDF
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Arquitetura de computadores - Memórias Secundárias
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
Processos na gestão de transportes, TM100 Col18
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
Custos e liquidação no SAP Transportation Management, TM130 Col18
COBITxITIL-Entenda as diferença em uso governança TI
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express

Aula05-JavaScript

  • 2. 2 / 11 Funções em JavaScript ● Funções: – Funções são usadas para criar pequenos trechos de códigos separados do script principal. Esses trechos de códigos podem gerar um resultado (o que chamamos de funções com retorno) ou apenas executar uma rotina (funções sem retorno). – Funções também são úteis para serem facilmente chamadas em eventos como clique do mouse ou submeter um formulário. – Toda função deve ter um nome e possuir um delimitador de parâmetro que são identificados com parênteses.
  • 3. 3 / 11 Funções em JavaScript ● Funções sem Retorno: – Para criar funções em JavaScript usamos a palavra- chave function, então, damos um nome para nossa função. Essas primeiras funções que criaremos serão simples e não terão parâmetros. – Portanto, a regra geral é a seguinte: function nomeDaFuncao ( parâmetros ) { código da função }
  • 4. 4 / 11 Exemplo de Funções sem retorno
  • 5. 5 / 11 Exemplo 2 de Funções sem retorno
  • 6. 6 / 11 Funções em JavaScript ● Funções com retorno: – Funções com retorno são criadas da mesma forma das funções sem retorno. Sua diferença principal é que esta função devolve um resultado para o script. Por exemplo, podemos gerar um resultado de uma soma e devolver este resultado para o script.
  • 7. 7 / 11 Exemplo de Funções com retorno
  • 8. 8 / 11 Funções em JavaScript com parâmetro ● Muitas vezes, funções devem receber dados para processá-los. A inserção de dados na função é dada por meio dos parâmetros ou argumentos da função. ● Uma função pode ter quantos parâmetros forem necessários desde que cada um seja separado por vírgula e não tenha a mesma denominação.
  • 9. 9 / 11 Exemplo de funções com parametros
  • 10. 10 / 11 Exercício 1.Crie um script que faça as operações matemáticas: soma, subtração, multiplicação e divisão de dois números quaisquer utilizando uma função. 2.Crie um script que calcular se um dado inteiro é par ou ímpar usando funções. 3.Escreva uma função, em javascript, de potenciação, em que os dados de entrada são: base e expoente (inteiros).
  • 11. 11 / 11 Exercício • Crie um documento em html onde o mesmo escreva os dados cadastrais de um usuário: nome, rg, cpf. Para exercitarmos os conceitos de função crie uma função que pula uma linha para mostrar as informações uma abaixo da outra. Crie também uma função escrever que escreve o texto passado por parâmetro