Come utilizzare Call, Apply e Binding in JavaScript

Potresti esserti imbattuto in varie funzioni integrate come quelle per array e stringhe mentre pratichi JavaScript. Sebbene tu possa utilizzare questi metodi più comuni nelle tue attività di programmazione quotidiane, altri metodi possono essere utilizzati per scopi speciali.

JavaScript chiamata(), applicare(), e legamento() sono alcuni di questi metodi che hanno i loro casi d'uso speciali e sono spesso usati per testare la tua conoscenza di JavaScript nelle interviste di codifica. Diamo un'occhiata più da vicino a come puoi usarli.

1. chiamata()

chiamata() consente di assegnare e chiamare una funzione o un metodo appartenente a un oggetto per un oggetto diverso. È possibile fare riferimento ai valori dell'oggetto utilizzando il pulsante questo parola chiave.

Controlla questo chiamata() esempio.

lascia obj = {
 nome: "Giovanni",
 cognome: "Doe",
 getFullName: function(){
 console.log (questo.nome+" "+questo.cognome);
 }
}
obj.getFullName();

L'oggetto obj ha una funzione denominata getFullName() che stampa il nome completo della persona. Ora, se vuoi usare getFullName() con un oggetto diverso che ha valori diversi, puoi farlo usando il chiamata() funzione.

cost obj2 = {
 nome: "Jane",
 cognome: "Doe"
 }
obj.getFullName.call (obj2);

Puoi anche passare diversi argomenti nel chiamata() funzione insieme all'oggetto.

lascia obj = {
 nome: "Giovanni",
 cognome: "Doe",
 getFullName: function (età, sesso){
 console.log (questo.nome+" "+questo.cognome+" "+età+" "+genere);
}
obj.getFullName.call (obj2, 21, "femmina");

2. applicare()

Il applicare() la funzione funziona in modo simile a chiamata() funzione. L'unica differenza tra chiamata() e applicare() La funzione è che puoi passare più parametri nell'array e usarli.

ecco un applicare() esempio:

const obj = {
 nome: "Giovanni",
 cognome: "Doe",
 getFullName: function (età, sesso){
 console.log (questo.nome+" "+questo.cognome+" "+età+" "+genere);
 }
}
obj.getFullName.apply (obj2, [21, "femmina"]);

Imparentato: Metodi di array JavaScript che dovresti padroneggiare oggi​​​​​

3. legamento()

legamento() restituisce la copia esatta di una funzione e la associa a un oggetto. Questo metodo viene utilizzato per associare e conservare una copia di un metodo e utilizzarla in un secondo momento. Puoi utilizzare la funzione quando vuoi invocandola.

Ecco un legamento() esempio:

const obj = {
 nome: "Giovanni",
 cognome: "Jane",
 getFullName: function(){
 console.log (questo.nome+questo.cognome);
 }
 }
cost obj2 = {
 nome: "Jane",
 cognome: "Doe"
 }
let func = obj.getFullName.bind (obj2);
funzione();

Non smettere mai di imparare JavaScript

Il chiamata(), applicare(), e legamento() le funzioni sono importanti quando si tratta di prepararsi per le interviste JavaScript. C'è una miriade di altri concetti fondamentali in JavaScript che dovresti padroneggiare per diventare il programmatore più efficiente che puoi essere; perché non iniziare con i metodi array?

Unnati Bamania (14 Articoli Pubblicati)

Unnati è un entusiasta sviluppatore full stack. Ama costruire progetti utilizzando vari linguaggi di programmazione. Nel tempo libero ama suonare la chitarra ed è un'appassionata di cucina.

Altro da Unnati Bamania