Conforme a gente vai aprendendo a programar, nossos códigos vão ficando mais extensos e complexos.
Nesse artigo eu vou te mostrar uma maneira que podemos utilizar para organizar esse nosso código para que não vire uma tripa longa e confusa.
Vamos ver o que é função em Javascript.
O Que É Função Em Javascript?
A ideia básica de uma função é encapsular um código que poderá ser invocado/chamado por qualquer outro trecho do programa.
Falando desse jeito parece difícil?
Vamos tentar explicar de outra maneira: função é um pedaço de código.
Este pedaço de código faz alguma coisa específica e pode ser chamado de qualquer parte do programa quantas vezes quisermos.
Porque Utilizar Função Em Javascript?
Não utilizamos funções porque gostamos ou porque está na moda.
Existem alguns motivos que nos levam a criação de funções em nossos códigos:
Clareza do código: quando criamos uma função, separamos parte do código e evitamos de fazer um linguição de código. Separados assim, conseguimos entender melhor o que cada parte faz.
Reutilização: Sabemos que o computador é ideal para executar operações repetitivas. E dentro de um programa sempre identificamos trechos que se repetem durante a execução. Então, em vez de deixar o código repetido, podemos separar este trecho em uma função. Poupamos tempo e espaço dentro do software.
Independência: uma função é relativamente independente do código que a chamou.
Como Criar Uma Função?
Para criar uma função é só utilizar a palavra function.
Esta palavra indica que estamos declarando uma função, informando ao interpretador que neste ponto do código existe uma função.
function nome_funcao(parametro1, parametro2, ...){
//código da função
return retorno;
}
Depois, damos um nome para ela.
Em seguida informamos a lista de parâmetros necessários para a função funcionar. Estes parâmetros devem ser listados entre parênteses.
Os parâmetros são opcionais, ou seja, podemos criar funções que não precisam de nenhuma informação externa.
Então colocamos o código da função dentro de chaves.
E finalmente, informamos qual é a resposta da função com a palavra return.
Agora que vimos o que é função em Javascript, é melhor ver código funcionando para entender de vez, certo?
Vamos Ver Um Exemplo?
Vamos imaginar que precisamos construir uma calculadora.
Poderíamos separar o código da calculadora do código que efetivamente faz as operações.
primeiro = parseInt(prompt("Digite o primeiro número: "));
segundo = parseInt(prompt("Digite o segundo número: "));
console.log(soma(primeiro, segundo));
function soma (primeiro, segundo){
return primeiro + segundo;
}
Agora você deve estar pensando: Ah, mas não é mais fácil somar logo os dois números?
Sim, neste exemplo com certeza. Mas imagina um código mais complexo, ou algo que deve ser feito da mesma forma em vários pontos do programa.
Imagine um sistema bancário onde é necessário fazer o cálculo de rendimento de todas as aplicações de todos os clientes diariamente. O cálculo é o mesmo, mudam as características da aplicação (valor, data da aplicação, juros, etc.). Nada mais natural que criar uma função para fazer esta calculeira, certo?
Palavras Finais
Vimos hoje o que é função em Javascript.
As funções são pedaços de código com um objetivo específico. Normalmente recebem informações (parâmetros) e retornam uma resposta.
Como um antigo chefe meu dizia: “Entra porco, sai linguiça”.
As funções tornam possível decompor um programa complexo em uma série de sub-rotinas mais simples. Portanto, faça com que suas funções sejam pequenas, simples e concisas.
Isso vai deixar seu código mais organizado, fácil de manter e de entender.
Meu e-book Como Aprender a Programar do Absoluto Zero está GRATUITO por tempo limitado!
Olha o link: 👉🏼 http://celsokitamura.com.br/como-aprender-a-programar
Bora aprender a programar!