Javascript => | Spiegato

In JavaScript, il "=>" è il chiamato "funzione freccia". Nuove funzionalità che è stata inclusa in ES6. In alcune lingue, come Python, la funzione freccia si chiama "funzioni lambda". Puoi scrivere le funzioni JavaScript in modo più preciso a causa della funzione freccia. Migliora la leggibilità e la struttura del codice.

Uno sviluppatore può utilizzare le funzioni della freccia per ottenere lo stesso risultato di una funzione regolare, con meno righe di codice e circa il 50% in meno di tipizzazione.

Questo tutorial definirà il funzionamento della funzione freccia (=>) in javascript.

FUNZIONE JAVAScript freccia “=>”

La funzione anonima nota come "funzione freccia"Manca un nome e non è connesso a un identificatore. Queste funzioni sono definite senza la parola chiave della funzione e l'istruzione di ritorno è facoltativa per tali funzioni senza argomenti. L'ingresso di una funzione è posizionato a sinistra, mentre il lato destro della funzione rappresenta l'uscita.

La funzione freccia consente di definire più chiaramente una funzione per aumentare la leggibilità del codice.

Sintassi
Seguire la sintassi indicata di seguito per la funzione di scrittura con l'aiuto della funzione freccia (=>):

() => istruzione/espressione;

O

var functionname = (arg1, arg2,…) => affermazioni;

È possibile utilizzare var, let o const come tipo di dati in javascript. Tuttavia, è possibile utilizzare la parola chiave VAR per la definizione della funzione freccia.

Esempio 1
Qui creeremo una funzione freccia che stamperà il messaggio "Benvenuti in Linuxhint"Sulla console:

var printmsg = () => console.log ('Welcome to LinuxHint');

Quindi, chiama la funzione freccia che viene memorizzata in una variabile "Printmsg":

printmsg ();

Produzione

Esempio 2
In questo esempio, eseguiremo lo stesso compito con una funzione regolare in JavaScript e nella funzione freccia. Per fare ciò, creeremo una normale funzione JavaScript per moltiplicare due numeri specificati come argomenti:

var product = function (a, b)
restituire un * b;
;

Quindi, chiama la funzione passando due valori "5" E "8" argomenti:

prodotto (5,8);

L'uscita visualizzata "40"Qual è il prodotto degli argomenti indicati:

Ora eseguiremo la stessa operazione con l'aiuto della funzione freccia solo in una riga di codice:

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

Quindi, chiama la funzione freccia che viene memorizzata in una variabile "Prodotto"Passando due argomenti:

prodotto (5,8);

Qui, puoi vedere nell'output, otterrai lo stesso risultato in sole due righe di codice:

Differenza tra funzione regolare e funzione freccia

Esistono alcune differenze tra le funzioni della freccia e le normali funzioni JavaScript, ma entrambe le funzioni sono simili in qualche modo:

• Le funzioni regolari sono costruttibili e richiamabili, mentre le funzioni della freccia possono essere chiamate solo, ma non possono essere costruite.
• Le funzioni regolari possono essere chiamate con la nuova parola chiave perché possono essere costruite, mentre la nuova parola chiave non può essere utilizzata per invocare le funzioni della freccia.
• I parametri denominati duplicati sono consentiti per funzioni regolari ma non per le funzioni di freccia.

Pro e contro delle funzioni di freccia

Professionisti	Contro
Riduce le righe del codice, che migliorano la leggibilità del codice.	È più difficile debug perché non è possibile identificare il nome della funzione o il numero di riga particolare in cui si è verificato un errore.
Scrivere la freccia => offre una maggiore flessibilità della scrittura della parola chiave della funzione.	Non deve essere utilizzato come metodo o costruttore normale.

Abbiamo coperto tutte le informazioni di base sulla funzione freccia (=>) in JavaScript.

Conclusione

In JavaScript, il "=>" è il chiamato "funzione freccia"Ciò consente di scrivere funzioni in JavaScript in modo più preciso per migliorare la leggibilità del codice. Fornisce lo stesso risultato delle funzioni regolari JavaScript con meno righe di codice. In questo tutorial, abbiamo discusso del funzionamento della funzione freccia (=>) in JavaScript con i loro pro e contro e la differenza tra funzione regolare e funzione freccia.