Até agora, trabalhamos principalmente com estruturas de dados simples, o uso de loops e adquirimos mais conhecimento sobre Strings. Agora iremos avançar em nossos conhecimentos sobre o uso de funções para tornar nosso código mais organizado, legível e reutilizável.

Funções

Funções em JavaScript são blocos de código executável, nos quais podemos passar parâmetros e trabalhar com eles. Elas nos auxiliam na modularização dos nossos programas e na estruturação em blocos que executam tarefas específicas. Dessa forma, nosso código se torna mais legível e sustentável. Em outras palavras, as funções são componentes fundamentais na linguagem JavaScript.

Uma função é um procedimento em JavaScript, que consiste em um conjunto de instruções para executar uma tarefa ou calcular um valor. Para utilizar uma função, é necessário defini-la em algum lugar do escopo onde ela será chamada. Normalmente, as funções retornam um valor ao final da execução, que pode ser obtido utilizando a palavra reservada ‘return’. Elas são declaradas com a palavra-chave ‘function’ e, geralmente, possuem um nome para que possam ser invocadas posteriormente. Caso não possuam um nome, são chamadas de funções anônimas. Vejamos um exemplo de uma função:

Fonte: Autoral

Você pode escrever esse bloco de código repetidamente sempre que precisar, ou você poderia escrevê-lo uma vez usando uma função, nomeando-a como ‘Multiplicar’ e passando os dois parâmetros ‘a’ e ‘b’, como fizemos acima. Após isso, este será o único código que você precisará chamar para executar todo o bloco.

A função mencionada tem o objetivo de calcular a multiplicação entre dois números. Perceba que podemos realizar esse cálculo várias vezes quando precisamos multiplicar dois números.

Para executar uma função, basta seguir estes passos:

Fonte: Autoral

A definição da função (também chamada de declaração de função) consiste no uso da palavra-chave ‘function’, seguida por:

●               Nome da Função.

●               Lista de argumentos para a função, entre parênteses e separados por vírgulas.

●               Declarações JavaScript que definem a função, entre chaves { }.

Como vimos, uma das coisas realmente úteis sobre as funções é que podemos passar dados para dentro delas. Se você colocar alguns dados entre os parênteses, poderá passar esses dados para a função, que os utilizará quando for executada.

Agora, preenchemos os parênteses tanto na chamada da função quanto na sua definição. Os parênteses na chamada da função contêm um argumento. No exemplo, o argumento é o ‘4’ e o ‘3’. E, como pode ser visto no exemplo acima, os parênteses da função agora contêm as duas variáveis ‘a’ e ‘b’, que podem ser utilizadas dentro da função.

O valor passado para uma função é utilizado no corpo da função para realizar alguma ação. Podemos usar o valor para especificar a mensagem de alerta ou realizar alguma operação dentro da função. No nosso caso, simplesmente realizamos o cálculo e retornamos o resultado utilizando a palavra-chave ‘return’. Em seguida, o valor é atribuído à variável ‘x’. Essa variável será exibida no console quando utilizarmos ‘console.log(x)’.

A declaração de função não é a única maneira de definir uma nova função; você pode definir sua função dinamicamente usando o construtor Function() junto com o novo operador.

A seguir está a sintaxe para criar uma função usando o construtor Function () junto com o novo operador: