Diferentes maneiras de escrever funções em JavaScript

Em JavaScript, é crucial aprender sobre funções, e a razão mais importante é que as funções fornecem aos usuários a capacidade de implementar a modularidade. A modularidade é a capacidade de dividir um grande problema ou obstáculo em pedaços menores e gerenciáveis. As funções geralmente consistem em duas partes, uma é onde uma função é escrita ou criada, e a outra é a "chamada de função" para executar a tarefa escrita dentro dela. Em JavaScript, um usuário pode criar uma função de três maneiras diferentes, que são:

• Declarações de função
• Expressões de função
• Funções de seta (também chamadas funções de sequência de gordura).

Método 1: declarações de funções

As declarações de função são a maneira mais padrão e amplamente usada de criar funções. Uma declaração de função contém quatro partes diferentes nesta sequência:

• A palavra -chave função
• O identificador ou o nome da função
• As funções' parâmetros fechado entre parênteses
• O corpo da função é fechado com colchetes encaracolados.

Para criar uma função para adicionar dois valores diferentes e retornar a soma dos dois valores, pegue as seguintes linhas:

function getUm (num1, num2)
retornar num1 + num2;

Como você pode ver, a declaração de função começou com a palavra -chave função seguido pelo nome da função “getum”. Após o nome, os parâmetros são declarados e depois o corpo da função. O usuário pode chamar essa função com:

console.log (getUm (5, 10));

Isso produzirá a seguinte saída no terminal:

O resultado de 5 + 10 foi impresso no terminal como 15.

Método 2: Expressões de função

As expressões de função são como declarações de função, mas a principal diferença vem na sequência de suas partes. A sequência das partes de uma expressão de função é a seguinte:

• Função identificador ou nome
• Operador de atribuição "="
• Eles palavras -chave função
• Parâmetros (interna parênteses)
• Corpo da função Inside Curly Supackets

Ao contrário da declaração de função, as expressões de função começam com o identificador da função que é então definido igual a (usando o operador de atribuição) a função da palavra -chave e assim por diante. Para criar a mesma função getUM (como no método 1), use as seguintes linhas de código:

getUm = function (num1, num2)
retornar num1 + num2;
;

Chame uma função criada por meio de uma expressão de função é a mesma que uma função criada com a declaração de função:

console.log (getUm (30, 5));

Isso produzirá o seguinte resultado no terminal:

O resultado, 35 foi impresso no terminal

Método 3: Funções de seta / função de seta de gordura

As funções de seta são a maneira mais recente de criar uma função, conforme lançado na versão Ecmav6 do JavaScript. As funções de seta usam uma palavra -chave especial (mais como um símbolo -chave) criado por dois caracteres especiais, "=>", que parece uma flecha, daí o nome Função de seta. Mas como usa um "=" personagem em vez de "-" Para criar uma forma de seta, ele ficou popular com o nome de função de seta de gordura. A maneira de criar uma função inclui a seguinte sequência de peças:

• O identificador da função
• O operador de atribuição "="
• Parâmetros (entre parênteses)
• Arqueiro gordo "=>"
• Corpo da função em colchetes encaracolados

Para criar a função getUm (assim como nos métodos anteriores), use as seguintes linhas de código:

getUm = (num1, num2) =>
retornar num1 + num2;
;

Chamar a função criada com uma seta de gordura é exatamente a mesma das funções criadas com outros métodos:

console.log (getUm (150, 270));

Isso dará o seguinte resultado no terminal:

O valor de 150 + 270 foi impresso no terminal como "420"

Embrulhar

Na versão ES6 do JavaScript, o usuário pode criar uma função de três maneiras diferentes. Esses métodos de criação são declarações de função, expressões de função e funções de seta de gordura. As declarações de função e expressões de função também podem funcionar em outras versões do JavaScript. No entanto, as funções de seta de gordura ou as funções de flecha são específicas para as versões ES6 do JavaScript. Este artigo exibiu todos esses três métodos com exemplos.