Funções de seta no JavaScript | Explicado

Funções de seta no JavaScript | Explicado
As funções de seta foram incluídas no JavaScript com o lançamento do ECMAV6 em 2015. A função de seta é uma maneira de criar uma função com o objetivo principal de reduzir o número de letras necessárias para criar uma função. As funções de seta são nomeadas "seta”Porque eles usam uma palavra -chave composta de dois caracteres especiais, o "=" e a ">" que forma uma forma que se parece com uma ponta de seta "=>".

Criando uma função com função de seta

Criar uma função com o método da função de seta inclui as seguintes etapas:

  • Primeiro, tempo em nome da função ou o identificador da função
  • Depois disso, defina o nome da função igual aos parâmetros exigidos pela função incluída entre parênteses
  • Depois disso, use o símbolo de seta "=>" para denotar a palavra -chave função
  • Após o símbolo de seta, basta incluir o corpo da função incluído dentro colchetes encaracolados.

Então, uma função de seta se parece com a seguinte:

funcname = (para1, para2, para3…) =>
// corpo da função

Função Declaração e Expressão da Função vs Funções de Arrow

Normalmente, uma declaração de função para criar uma função que adiciona dois números passados ​​dentro de seus argumentos se parecem:

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

E uma expressão de função para criar a mesma função seria assim:

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

Existem algumas coisas comuns nesses dois métodos para criar uma função:

  • O nome ou o identificador da função
  • O Função de palavra -chave
  • Parâmetros dentro dos parênteses
  • Corpo da função dentro de suportes encaracolados
  • Operador de atribuição no caso de expressão de função

Agora, se a mesma função fosse criada com as funções de seta, ele teria a seguinte sequência:

  • O nome ou identificador
  • Operador de atribuição
  • Parâmetros com parênteses
  • Cabeça de seta
  • Corpo da função

Portanto, a mesma função getUm () criada com a função de seta ficará assim:

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

É bastante visível à primeira vista que a função de seta usa muito menos letras ou caracteres para criar uma função e depois a declaração da função e a expressão da função. E a principal razão para isso é que, em vez de usar a palavra -chave função, Um símbolo de seta é usado.

Função Coloque funções criadas com a função de seta

A função agora não muda se a função foi criada usando a declaração de função, expressão de função ou mesmo com a função de seta. Para uma função nomeada como getUm (como criado acima) com dois parâmetros sempre será:

resultado = getUm (num1val, num2val);

A flecha gorda

O símbolo da ponta da seta da função de seta é frequentemente referido como o “Arrow Fat” Porque em vez de usar um hífen "-" Para criar a ponta de flecha, um igual "=" o que faz a cabeça da flecha parecer longe, daí o nome Fat Arrow.

Embrulhar

Uma função de matriz é uma maneira de criar funções no JavaScript, que foi lançado na versão Esmav6 do JavaScript. Este método de criar uma função substituiu a palavra -chave função da criação de funções e usou um símbolo de seta "=>", daí a função de seta do nome. A função de seta não muda a maneira como uma função é chamada para executar a tarefa escrita dentro dela. Este artigo explicou as funções de seta ou as funções de flecha de gordura em detalhes, juntamente com uma breve comparação com outras formas de criação de métodos.