Uma função é um pedaço de código que faz alguma tarefa específica e pode ser chamado de qualquer parte do programa quantas vezes desejarmos.
Estas fazem parte de qualquer aplicação que seja criada. No javascript, ela vai controlar o fluxo de execução, isto é, controla qualquer entrada ou saída de dados.
Para nomear uma função, devemos pensar sempre no nome da função como um verbo + substantivo, por exemplo:
- eliminaCor
- alteraTamanho
- insereObjeto
Em termos práticos ficaria assim:
function eliminaCor(){
...
}
Vejamos um exemplo:
let corSite = "Azul";
function eliminaCor(){ // No momento em que a função é chamada define a cor do site para vazio
corSite = "";
}
Para chamar a função é apenas necessário colocar:
elimincaCor();
Para veres o exemplo a funcionar executa o seguinte código:
O resultado será este:
No entanto, podemos colocar novas funcionalidades à nossa função. Para isso, devemos passar parâmetros para a nossa função. Como fazer isso? Muito simples. Quando chamamos a função indicamos os parâmetros, isto é, indicamos as características/propriedades que queremos que a função receba.
Por exemplo, se quisermos mudar a cor da nossa página que é azul para vermelho, podemos chamar a função mudaCor com o parâmetro "vermelho" :
mudaCor("vermelho");
A função irá receber o valor enviado "vermelho" na variável cor:
O resultado será o seguinte:
Exercício
- Crie uma função que receba dois parâmetros: Cor e tonalidade.
