Javascript => | Explicado

Em JavaScript, o "=>" é chamado "função de seta”. nova funcionalidade que foi incluída no ES6. Em alguns idiomas, como Python, a função de seta é chamada de “Funções Lambda”. Você pode escrever funções de JavaScript com mais precisão devido à função de seta. Melhora a legibilidade e a estrutura do código.

Um desenvolvedor pode usar funções de seta para alcançar o mesmo resultado que uma função regular, com menos linhas de código e cerca de 50% menos digitação.

Este tutorial definirá o funcionamento da função de seta (=>) em JavaScript.

Função JavaScript “=>”

A função anônima conhecida como “função de seta”Falta um nome e não está conectado a um identificador. Essas funções são definidas sem a palavra -chave da função e a declaração de retorno é opcional para essas funções sem argumentos. A entrada de uma função é colocada à esquerda, enquanto o lado direito da função representa a saída.

A função de seta permite que você defina mais claramente uma função para aumentar a legibilidade do código.

Sintaxe
Siga a sintaxe abaixo dada para escrever a função com a ajuda da função de seta (=>):

() => declaração/expressão;

OU

var functionName = (arg1, arg2,…) => declarações;

Você pode usar VAR, Let ou Const como um tipo de dados em JavaScript. No entanto, você pode utilizar a palavra -chave VAR para definir a função de seta.

Exemplo 1
Aqui, criaremos uma função de seta que imprimirá a mensagem “Bem -vindo ao Linuxhint”No console:

var printmsg = () => console.log ('Bem -vindo ao linuxhint');

Em seguida, chame a função de seta que é armazenada em uma variável “printmsg”:

printmsg ();

Saída

Exemplo 2
Neste exemplo, executaremos a mesma tarefa com uma função regular em JavaScript e a função de seta. Para fazer isso, criaremos uma função JavaScript regular para multiplicar dois números especificados como argumentos:

var produto = função (a, b)
retornar a * b;
;

Em seguida, chame a função passando dois valores “5" e "8”Argumentos:

produto (5,8);

A saída exibida “40”Que é o produto dos argumentos especificados:

Agora, realizaremos a mesma operação com a ajuda da função de seta apenas em uma linha de código:

var produto = (a, b) => return a * b;

Em seguida, chame a função de seta que é armazenada em uma variável “produtos”Ao passar dois argumentos:

produto (5,8);

Aqui, você pode ver na saída, obterá o mesmo resultado em apenas duas linhas de código:

Diferença entre função regular e função de seta

Existem algumas diferenças entre as funções de seta e as funções regulares de JavaScript, mas ambas as funções são semelhantes em alguns aspectos:

• As funções regulares são construtíveis e chamáveis, enquanto as funções de seta só podem ser chamadas, mas não podem ser construídas.
• Funções regulares podem ser chamadas com a nova palavra -chave porque elas podem ser construídas, enquanto a nova palavra -chave não pode ser usada para invocar as funções de seta.
• Os parâmetros nomeados duplicados são permitidos para funções regulares, mas não para funções de seta.

Prós e contras das funções de flecha

Prós	Contras
Reduz as linhas de código, que melhoram a legibilidade do código.	É mais difícil depurar porque você não consegue identificar o nome da função ou o número de linha específico em que ocorreu um erro.
Escrever a seta => oferece maior flexibilidade do que escrever a palavra -chave da função.	Não deve ser utilizado como um método ou construtor regular.

Cobrimos todas as informações básicas sobre a função de seta (=>) em JavaScript.

Conclusão

Em JavaScript, o "=>" é chamado "função de seta”Isso permite escrever funções em JavaScript com mais precisão para melhorar a legibilidade do código. Dá o mesmo resultado que o JavaScript regular funções com menos linhas de código. Neste tutorial, discutimos o funcionamento da função de seta (=>) em JavaScript com seus prós e contras e a diferença entre função regular e função de seta.