Diversi modi di scrivere funzioni in JavaScript

In JavaScript, è fondamentale conoscere le funzioni e il motivo più importante è che le funzioni forniscono agli utenti la capacità di implementare la modularità. La modularità è la capacità di dividere un grosso problema o un ostacolo in blocchi più piccoli e gestibili. Le funzioni generalmente sono costituite da due parti, una è dove viene scritta o creata una funzione e l'altra è la "chiamata di funzione" per eseguire l'attività scritta al suo interno. In JavaScript, un utente può creare una funzione in tre modi diversi, che sono:

• Dichiarazioni delle funzioni
• Espressioni di funzione
• Funzioni di freccia (chiamate anche funzioni di arrow grasso).

Metodo 1: Dichiarazioni delle funzioni

Le dichiarazioni delle funzioni sono il modo più standard e ampiamente usato per creare funzioni. Una dichiarazione di funzione contiene quattro parti diverse in questa sequenza:

• La parola chiave funzione
• IL identificatore o il Nome della funzione
• Le funzioni ' parametri racchiuso tra parentesi
• IL corpo della funzione è chiuso con parentesi ricci.

Per creare una funzione per aggiungere due valori diversi e restituire la somma dei due valori, prendi le seguenti righe:

funzione getsum (num1, num2)
restituire num1 + num2;

Come puoi vedere, la dichiarazione della funzione è iniziata con la parola chiave funzione seguito dal nome della funzione "getum". Dopo il nome, vengono dichiarati i parametri e quindi il corpo della funzione. L'utente può chiamare questa funzione con:

console.registro (getsum (5, 10));

Ciò produrrà la seguente uscita sul terminale:

Il risultato di 5 + 10 è stato stampato sul terminale come 15.

Metodo 2: espressioni di funzione

Le espressioni della funzione sono abbastanza come dichiarazioni di funzioni, ma la differenza principale arriva nella sequenza delle sue parti. La sequenza delle parti di un'espressione di una funzione è la seguente:

• Funzione identificatore O nome
• Operatore di assegnazione "="
• Sono parole chiave funzione
• Parametri (all'interno della parentesi)
• Corpo della funzione all'interno delle staffe ricci

A differenza della dichiarazione della funzione, le espressioni della funzione iniziano con l'identificatore della funzione che viene quindi impostato uguale a (usando l'operatore di assegnazione) la funzione della parola chiave e così via. Per creare la stessa funzione getum (come nel metodo 1), utilizzare le seguenti righe di codice:

getsum = function (num1, num2)
restituire num1 + num2;
;

Chiama una funzione creata tramite un'espressione della funzione è la stessa di una funzione creata con la dichiarazione della funzione:

console.registro (getsum (30, 5));

Ciò produrrà il seguente risultato sul terminale:

Il risultato, 35 è stato stampato sul terminale

Metodo 3: Funzioni freccia / Funzione freccia grasso

Le funzioni della freccia sono il modo più recente di creare una funzione rilasciata nella versione ECMAV6 di JavaScript. Le funzioni della freccia usano una parola chiave speciale (più simile a un simbolo chiave) creato da due caratteri speciali, "=>", che sembra una freccia, da cui la funzione freccia del nome. Ma poiché usa un file "=" carattere invece di "-" Per creare una forma a freccia, è diventato popolare con il nome Funzione freccia grasso. Il modo di creare una funzione include la seguente sequenza di parti:

• L'identificatore della funzione
• L'operatore di assegnazione "="
• Parametri (tra parentesi)
• Freccia grassa "=>"
• Corpo della funzione tra parentesi ricci

Per creare la funzione getum (proprio come nei metodi precedenti) utilizzare le seguenti righe di codice:

getsum = (num1, num2) =>
restituire num1 + num2;
;

Chiamare la funzione creata con una freccia grasso è esattamente la stessa delle funzioni create con altri metodi:

console.registro (getsum (150, 270));

Questo darà il seguente risultato sul terminale:

Il valore di 150 + 270 è stato stampato sul terminale come "420"

Incartare

Nella versione ES6 di JavaScript, l'utente può creare una funzione tre modi diversi. Questi metodi di creazione sono dichiarazioni di funzione, espressioni di funzioni e funzioni di freccia grasso. Le dichiarazioni delle funzioni e le espressioni di funzione possono anche funzionare in altre versioni di JavaScript. Tuttavia, le funzioni di freccia grassa o le funzioni della freccia sono specifiche per le versioni ES6 di JavaScript. Questo articolo ha mostrato tutti e tre questi metodi con esempi.