Código do Vídeo:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <script> function olaMundoX5(){ console.log("Olá Mundo"); console.log("Olá Mundo"); console.log("Olá Mundo"); console.log("Olá Mundo"); console.log("Olá Mundo"); } function seuNome(nome){ console.log(`Olá ${nome}`); } seuNome("Pedro"); seuNome(5555); let pessoa = { nome: "Paulo", Sobrenome: "Silva", Idade: 99 } function quemSou(pessoa){ console.log(`Olá, meu nome é ${pessoa.nome} ${pessoa.Sobrenome}. Tenho ${pessoa.Idade} anos`); } quemSou(pessoa); </script> </body> </html>
O que são funções?
As funções são blocos de códigos que executam toda vez que as chamamos. Elas são muito úteis para a colocarmos trechos de códigos que serão executados em diversos locais do código.
Como criar um função?
Existem varias formas, mas a mais simples é a abaixo:
function olaMundo(){ console.log("Olá Mundo"); }
Posso enviar dados para uma função?
Sim, ao criar uma função você pode dizer quantos parâmetros (variáveis) ela receberá. Através destes parâmetros, você pode passar diversos valores para serem utilizados dentro da função. Veja o exemplo abaixo:
//a função seuNome recebe um parametro que será armazenado na variavel 'nome' //podemos usar 'nome' como qualquer outra variavel. function seuNome(nome){ console.log(`Olá ${nome}`); } seuNome("Pedro"); //Para passar mais de um parametro, basta separa-lo por vírgula. function seuNome2(nome, apeido){ console.log(`Olá ${nome}. Posso te chamar de ${apelido}?`); } seuNome2("Antonio", "Toni");
Exercícios
- Vamos começar fácil. Crie uma função que se chamada 4 vezes seguidas, exibirá a frase “Minha primeira função” 20 vezes no console.
- Crie uma função chamada seuNome3. Ela fará o seguinte:
- Receberá 3 parâmetros: Nome, Sobrenome e Apelido
- Ela exibirá uma linha com a frase: Meu nome é [Seu Nome] [Seu Sobrenome]
- E uma segunda linha com: Mas você pode me chamar de [Seu Apelido]
- Crie mais uma função, desta vez o nome dela é soma e ela exibirá a soma de dois parametros.