image resource — Imagem de storyset no Freepik, CC0

O que é função?

Função define um trecho de código que pode ser utilizado em outro momento ou em situações específicas.

Por exemplo, quando criamos um código e estamos repetindo sua escrita em várias linhas, podemos criar uma função com essas linhas e fazer apenas a chamada dessa função onde se fizer necessário. Assim como qualquer estrutura dentro da linguagem Javascript, para definir e criar uma função precisamos conhecer a sintaxe correta:

Uma função possui:

A palavra reservada function indicando que aquele trecho é uma função;

Um nome único para que seja referenciado posteriormente no código;

Parâmetros para realizar cálculos e demais operações. Não há quantidade mínima e nem máxima para esses parâmetros.

Dentro de uma função, também podemos ter outras funções que só serão visíveis dentro do bloco (chaves) onde a mesma foi declarada. Para entender melhor como utilizar funções, considere os exemplos a seguir:

Exemplo 1

Criamos a função hello que não recebe nenhum parâmetro e contém apenas uma instrução para exibir na tela o texto “Hello World!”. Para chamar a função basta informar o nome da função seguido de parênteses.

Podemos modificar o código acima para receber um parâmetro e então imprimir um texto passado, dentro do parênteses, no momento da chamada da função. Assim:

Exemplo 2

Declaramos duas variáveis com os valores 5 e 10, e passamos como parâmetro para a função calcularMedia(). Dentro da função, realizamos a soma e calculamos a média aritmética entre esses dois números. Por fim, apenas o resultado é exibido na tela.

Usar funções facilitam muito no desenvolvimento de aplicações maiores, nas quais temos mais códigos e funcionalidades disponíveis, pois colaboram para a separação de trechos de código com funções específicas, tornando-o menor e mais legível.

Existem outros tipos de funções e maneiras diferentes de defini-las. Cabe analisar qual a melhor forma de acordo com o cenário apresentado. Assim como no uso de arrays, o JavaScript nos oferece algumas funções matemáticas math() prontas, alguns exemplos são:

math.round(): arredondar um valor de ponto flutuante - exemplo: math.round(3.4) -> retorna 3.0

math.ceil(): faz o arredondamento para o valor mais alto - exemplo: math.ceil(3.4) -> retorna 4.0

math.floor(): faz o arredondamento para o valor mais baixo- exemplo: math.floor(3.6) -> retorna 3.0

math.random(): retorna um número aleatório entre 0 e 1

math.sqrt(): retorna o valor da raiz quadrada de um número - exemplo: math.sqrt(9) -> retorna 3

math.trunc(): em um número que contém casas decimais, retorna apenas a parte inteira - exemplo: math.trunc(3.33) -> retorna 3

Para saber mais sobre definição de funções em javascript, consulte este link da documentação oficial da Mozilla (MDN) para visualizar exemplos e explicações detalhadas.

Funções