Como usar Funções sem e com parâmetros em JavaScript

Curso: Técnico em Desenvolvimento de Sistemas
Professor: Fernando Kenji Kamei
E-mail: fernando.kenji@ifal.edu.br
Versão: 03/2024
Introdução à Programação
Aula 16 - Funções (Parte 1 - Funções sem e com parâmetros)

Introdução à Programação | Prof. Fernando Kenji
O que vimos na aula passada…
2
• Arrays
• Manipulação de arrays

O que veremos hoje
3
• O que são Funções
• Funções pré-existentes
• Criando uma Função
• Funções com parâmetro

O que são Funções?
4
• Pensem em um controle de TV.

5
• O que vemos nele?

6
• Botões que representam funcionalidades.

7
• Botões que representam funcionalidades.
Aumentar
volume
Ligar/
Desligar a TV
Mudar o canal
para cima

8
• Em JavaScript, uma função é um bloco de código projetado para
executar uma tarefa específica.

9
• Em JavaScript, uma função é um bloco de código projetado para
executar uma tarefa específica.
• Uma função é executada quando "algo" a invoca (a chama).

10
• A ideia de uma função é encapsular um código que poderá ser
chamado em outro trecho do programa.
• Seu uso permite o reaproveitamento de código, que veremos mais a
frente.
Motivação

Funções pré-existentes conhecidas
11
• console.log()
• toString()
• typeOf()

Funções pré-existentes conhecidas
12
• console.log()
• toString()
• typeOf()
São chamadas de funções built-ins,
porque já estão embutidas na
linguagem.

Funções
13
Características
Uma função inicia com a palavra reservada function,
depois vem o nome da função.

Introdução à Programação | Prof. Fernando Kenji 14
Funções
Criando uma função
function minhaFuncao() {
//codigos que serão executadas ao chamar a função
}
Uma função inicia-se com a
palavra function, para que o
JavaScript trate-a como tal.

Funções
}
Nome da função
precedida do abre
e fecha parênteses.

Funções
}
Código que serão
executados
quando a função
for chamada.

Funções
Exemplo 1
console.log("Minha primeira função em JavaScript");
}
minhaFuncao(); //estou chamando a função criada acima.
minhaFuncao();

Funções
Exemplo 1
Vemos aqui, que podemos
chamar a função
minhaFuncao() diversas vezes.
console.log("Minha primeira função em JavaScript");
}
minhaFuncao(); //estou chamando a função criada acima.
minhaFuncao(); //estou chamando novamente a função.

Operadores aritméticos
Exercício 1
Elabore um programa que pergunta ao usuário qual das
4 operações aritméticas ele deseja realizar. Crie 4
funções, sendo uma para cada operação. Uma função
deverá ser chamada de acordo com o desejo do
usuário.

Exercício 1
Operadores aritméticos
Bem-vindo ao programa de Operações Básicas Matemáticas
Escolha uma operação:
1. Somar
2. Subtrair
3. Multiplicar
4. Dividir
5. Sair
20

Conta bancária
Exercício 2
Elabore um programa que simula uma conta bancária
em que podemos realizar as seguintes operações:
consultar saldo, sacar, depositar. Sabendo que para
sacar, só pode ser até limite do saldo, pois não pode
fi
car com saldo negativo. E para depositar, só pode ser
com valores acima de 0.

Existe um outro tipo de função, em que ao fazer a sua
chamada, podemos passar um valor (ou valores) para
que este possa ser usado dentro da função.
Funções com parâmetros

A esse valor damos o nome de parâmetro.
Existe um outro tipo de função, em que ao fazer a sua
chamada, podemos passar um valor (ou valores) para
que este possa ser usado dentro da função.

Exemplo 2
function mensagemBoasVindas(nomeUsuario) {
console.log(nomeUsuario + ", seja bem vindo ao programa");
}
}
var nome = prompt("Qual o seu nome? ");
mensagemBoasVindas(nome);
Um valor que está sendo
passado para dentro da
função

Operadores aritméticos com parâmetros
Exercício 3
Elabore um programa que solicita 2 números inteiros
ao usuário e pergunta qual das 4 operações
aritméticas ele deseja realizar. Crie 4 funções, sendo
uma para cada operação. Uma função deverá ser
chamada de acordo com o desejo do usuário, e os
dois números solicitados devem ser passados como
parâmetros para as funções. Cada função deve
imprimir o resultado da operação.

Exemplo 3
function mensagemBoasVindas(nomeUsuario, idade) {
if(idade >= 18) {
} else {
console.log("Acesso permitido apenas para maiores de idade");
}
}
var idade = prompt("Qual a sua idade? ");
mensagemBoasVindas(nome, idade);
Agora temos uma função com
mais de um parâmetro

Exemplo 3
function mensagemBoasVindas(nomeUsuario, idade) {
if(idade >= 18) {
} else {
console.log("Acesso permitido apenas para maiores de idade");
}
}
var idade = prompt("Qual a sua idade? ");
mensagemBoasVindas(nome, idade); Chamando uma função com
mais de um parâmetro.

Como usar Funções sem e com parâmetros em JavaScript

Mais conteúdo relacionado

Semelhante a Como usar Funções sem e com parâmetros em JavaScript (20)

Último (16)

Como usar Funções sem e com parâmetros em JavaScript