Introdução ao JavaScript - Funções
O que vamos aprender?
Na quinta parte da nossa aula, você vai aprender sobre funções no JavaScript e
como melhorar o seu código fazendo uso delas.
Você será capaz de:
● Escrever programas JavaScript utilizando funções;
● Extrair partes do seu código e agrupar em funções;
● Executar funções.
1. O que é uma função?
Funções são a forma mais essencial de organização de código e de lógica na
programação. Através de funções você consegue empacotar partes do seu código e
separá-las em blocos lógicos auto-contidos. Assim, ao invés de ter um programa de
cem linhas com uma lógica linear que segue do começo ao fim e bem mais difícil de
identificar o que cada parte desse código faz, você tem menos repetição e um
programa onde a lógica está muito bem dividida - e, portanto, muito mais fácil de ser
entendida.
Abaixo você vai aprender o básico sobre funções:
exemplo de funções
temos varias partes do código de um programa e vamos dividi-los em suas funções, cada
uma com uma função. isso o tornará mais facil de ser lido e compreendido.
vamos a outro exemplo
imagine que você quer criar um carro em um jogo, o carro existe várias funções como
ligar/desligar, acelerar, frear e outras como exemplificado na imagem acima. As funções são
independentes que juntas fazem um todo maior. E cada função dessa tem uma unica
responsabilidade. exemplo: pisar no acelerador, fará o carro andar, já mecher as rodas a
direção.
agora vamos ver como escrever essas funções.
então acima criamos 4 funções
Esses parâmetros são valores que podem estar contidos fora da função, e agora podem ser
usados por ela, assim criando variáveis.
observe que podemos interagir com os parametros que colocamos param1 e param2,
criando o comando console.log para aparece-los.
Outra funcionalidade de uma função é que ela retorne um valor. com o comando return.
podemos então chamar uma função pelo seu nome e caso ela tenha parametros
podemos colocar entre parenteses separados com virgula. acima chamamos a
função e colocamos o valor 10 como param1 e 20 como param2.
caso não tenha parametro só colocar sem valores dentro da função.
vamos criar funções para simular esse carro.
vamos agora dirigir o nosso carro, ao chamar as funções irá aparecer o return que
colocamos em cada uma das funções.
Recursos adicionais (opcional)
Mal pode esperar pra estudar mais JavaScript ?
● Funções
outras formas de fazer uma função dentro de uma variavel
outro exemplo
A declaração return é usada para determinar o valor de retorno da função. Quando
o controle de execução interpreta essa declaração, ele sai imediatamente do
contexto da função atual e disponibiliza o valor retornado para o código que invocou
a função. A palavra-chave return sem uma expressão após, irá fazer com que o
retorno da função seja undefined.
