Esiste un modo migliore per fare parametri di funzione opzionale in JavaScript?

Esiste un modo migliore per fare parametri di funzione opzionale in JavaScript?
Le funzioni in JavaScript includono spesso parametri opzionali che consentono al chiamante di modificare il comportamento della funzione. Tuttavia, affrontare i parametri opzionali può essere difficile e soggetto a errori, in particolare quando si lavora con grandi funzioni con più parametri. Mentre esistono vari modi alternativi per specificare i parametri della funzione opzionale in JavaScript in grado di semplificare e migliorare la robustezza del codice.

Questo blog dimostrerà il modo migliore per utilizzare i parametri opzionali in funzione.

Esiste un modo migliore per eseguire i parametri della funzione opzionale in JavaScript?

SÌ! Esistono molti modi per utilizzare i parametri opzionali nella funzione. Questi sono i seguenti:

  • Valore parametro predefinito
  • Usa gli "argomenti.Proprietà di lunghezza

Qui, in primo luogo, capiremo i parametri della funzione opzionale. "Parametri opzionali"Sono parametri di funzione che non sono necessari e possono o non possono essere passati dal chiamante.

Esempio
Definire una funzione chiamata "somma"Con due parametri opzionali"X" E "y"Che restituisce la somma di due numeri:

Function Sum (x, y)
restituire x + y;

Chiama la funzione definita passando due numeri "11" E "4"Come argomenti:

console.registro (somma (11, 4));

Passare solo un argomento "11"Poiché i parametri sono opzionali:

console.log (somma (11));

Qui, chiameremo la funzione senza approvare alcun argomento:

console.log (sum ());

Ora, vediamo l'output che dà "Nan"Due volte invece di lanciare un errore perché non c'è altro numero nella chiamata della funzione per eseguire l'operazione:

Ora vediamo gli altri modi per utilizzare i parametri opzionali.

Metodo 1: valore predefinito del parametro

Usa il "valore di default"Del parametro per gestire i parametri della funzione opzionale. È la funzionalità del modulo ES6 che consente l'impostazione di un valore predefinito per un parametro di funzione nel caso in cui non sia fornito alcun valore. Aiuta a evitare di scrivere ulteriori dichiarazioni condizionali per verificare se un parametro è definito o meno.

È il modo migliore per fare i parametri della funzione opzionale in quanto rende il codice semplice e facile da capire, minimizzando anche la possibilità di bug causati da parametri mancati o non definiti.

Sintassi
Seguire la sintassi data per il valore predefinito del parametro della funzione:

funzione funcname (a = 5, b = 9)
// ..

Esempio
Definire una funzione con i parametri del valore predefinito:

Function Sum (x = 3, y = 5)
restituire x + y;

Chiama la funzione tre volte, alla prima chiamata di funzione, passa due valori "11" E "4"Come argomento, nella seconda chiamata, passa solo un argomento e nell'ultima chiamata della funzione, nessun argomento verrà approvato:

console.registro (somma (11, 4));
console.log (somma (11));
console.log (sum ());

L'output restituisce i valori costanti dopo aver eseguito un'operazione invece di dare NAN. Perché la funzione chiamata senza argomenti e argomenti singoli considera i valori predefiniti per l'esecuzione dell'operazione:

Metodo 2: usa gli "argomenti.Proprietà di lunghezza

Un altro modo per gestire i parametri della funzione opzionale, utilizzare il "argomenti.lunghezza" proprietà. Ogni funzione in JavaScript ha un oggetto chiamato "discussione"Ciò contiene i valori dei parametri. IL "lunghezza"Dell'oggetto degli argomenti indica il numero totale di parametri forniti alla funzione. In questo approccio, assegneremo un valore a parametri non passati usando le istruzioni condizionali.

Sintassi
Seguendo la sintassi è utilizzato per gli "argomenti.Proprietà di lunghezza "per eseguire i parametri della funzione opzionale:

funzione (a, b, c)
if (argomenti.lunghezza == 0)
// Assegna i valori a tutti i parametri
else if (argomenti.lunghezza == 1)
// Assegna il valore agli ultimi 2 parametri
else if (argomenti.lunghezza == 2)
// Assegna il valore all'ultimo parametro

Esempio
Definire una funzione "somma"Con due variabili opzionali"X" E "y". Utilizzare l'istruzione IF-ELSE per assegnare i valori ai parametri in base alla lunghezza dell'argomento:

Function Sum (x, y)
if (argomenti.lunghezza === 0)
x = 3;
y = 5;

altro se (argomenti.lunghezza === 1)
y = 5;

restituire x + y;

Chiama la funzione tre volte con o senza argomenti:

console.registro (somma (11, 4));
console.log (somma (11));
console.log (sum ());

Produzione

Si trattava di gestire i parametri della funzione opzionale in JavaScript.

Conclusione

IL "valore di default"Del parametro e un"argomenti.lunghezza"La proprietà viene utilizzata per eseguire/gestire i parametri della funzione opzionale. Il "valore predefinito" del parametro è un modo migliore per gestire i parametri della funzione opzionale in quanto rende il codice semplice e facile da capire, minimizzando anche la possibilità di bug causati da parametri mancati o non definiti. Questo blog ha dimostrato il modo migliore per utilizzare i parametri opzionali in funzione.