Versione inglese: https://www.javascripttutorial.net/javascript-function-type/

Tutte le funzioni JavaScript sono oggetti. Sono le istanze del do tipo Função. Poiché le funzioni sono oggetti, hanno proprietà e metodi proprio come qualsiasi oggetto.

Proprietà della funzione

Ogni funzione ha due proprietà: lengtheprototype

• length (lunghezza) determina il numero di argomenti specificatamente nominati nella dichiarazione della funzione.
• prototype (prototipo) si riferisce all'oggetto funzione reale.

La funzione swap()accetta due argomenti xe yquindi la proprietà lengthrestituisce 2.

Discuteremo la proprietà prototypein modo più dettagliato nel tutorial sui prototipi.

Normalmente, una funzione viene invocata semplicemente chiamandola. Per esempio:

E la funzione può essere chiamata come costruttore per creare un oggetto:

ES6 ha aggiunto una nuova proprietà chiamata target.newche consente di rilevare se una funzione fnviene chiamata come funzione normale fn()o come costruttore utilizzando l'operatore new fn().

Se una funzione viene chiamata normalmente fn(), new.targetverrà chiamata undefined.

D'altra parte, se la funzione viene chiamata utilizzando la parola chiave, newfarà riferimento al costruttore:

Metodi di funzione: apply (), call () e bind ()

Un oggetto funzione ha tre metodi:

• apply()
• call()
• bind()

I metodi apply()e call()chiamano una funzione con un valore e argomenti dati.

La differenza tra apply()e call()è che è necessario passare gli argomenti al metodo apply()come oggetto array , mentre si passano gli argomenti alla funzione call()individualmente. Per esempio:

Innanzitutto, dichiariamo due oggetti cate dogcon due proprietà. Successivamente, dichiariamo la funzione say()che accetta un argomento.

Possiamo chiamare la funzione say()tramite il metodo appy()come segue:

Il primo argomento del metodo apply()è l'oggetto cat, quindi l'oggetto thisnella funzione say()è definito come un oggetto cat. Il secondo argomento è un argomento di tipo array , come indicato dall'uso di parentesi quadre [].

Se passiamo l'oggetto dog, la thisfunzione in say()sarà definita dogcome questa:

L'output è diverso perché o typee o soundsono le proprietà dell'oggetto dogall'interno della funzione say().

Il metodo call()è simile al metodo apply(), tranne per il modo in cui passi gli argomenti:

Il metodo bind ()

Il metodo bind()crea una nuova istanza di funzione il cui valore è collegato all'oggetto fornito. Considera il seguente esempio:

Per prima cosa, definisci un oggetto chiamato car:

Quindi, definire un altro oggetto denominato aircraft:

L'oggetto aircraftnon ha il metodo start(). Per avviarne uno aircraft, puoi utilizzare il metodo bind()del metodo start()dell'oggettocar:

In questa istruzione, cambiamo il valore thisall'interno start()del metodo cardell'oggetto nell'oggetto aircraft. Il metodo bind()restituisce una nuova funzione assegnata alla variabile taxiing.

Ora puoi chiamare il metodo start()tramite la variabile taxiing:

Mostrerà il seguente messaggio:

L'esempio seguente utilizza il metodo call()per chiamare il metodo start()dell'oggetto aircraft:

Come puoi vedere, il metodo bind()crea una nuova funzione che puoi eseguire in seguito mentre il metodo call()esegue immediatamente la funzione. Questa è la principale differenza tra i metodi bind()e call().

Tecnicamente, l'oggetto aircraftprende in prestito il metodo start()dell'oggetto cartramite il metodo bind(), call()o apply().

Per questo motivo, i metodi bind(), call()e apply()sono noti anche come funzioni di prestito.

curriculum vitae

• Tutte le funzioni sono istanze del tipo Function, che sono oggetti. Hanno proprietà e metodi.
• Una funzione ha due proprietà importanti: namee prototype.
• Una funzione ha anche tre metodi importanti: call(), apply()e bind().

Dai un'occhiata a una serie di altri tutorial su JavaScript che ho scritto facendo clic sul collegamento sottostante:

Tutorial JavaScript