Differenza tra i metodi di chiamata e applicazione in JavaScript

Differenza tra i metodi di chiamata e applicazione in JavaScript
In JavaScript, gli oggetti sono definiti con le proprie proprietà e sono limitati per mantenere private le proprietà. Per risolvere questo problema, utilizziamo la chiamata e applichiamo metodi. Usando questi metodi, è possibile legare una funzione a un oggetto e invocarlo come se appartenesse all'oggetto creato.

In JavaScript, chiamata() E fare domanda a() I metodi vengono utilizzati per invocare una funzione con un argomento opzionale e uno specifico contesto. Entrambi i metodi sono abbastanza simili, con una differenza minore. Pertanto, molte persone si confondono con l'uso di entrambi questi metodi. Questo articolo discuterà la differenza tra i metodi Call () e Applica () in JavaScript.

La differenza principale tra entrambi i metodi menzionati è il modo in cui gestiscono gli argomenti di una funzione. Tuttavia, entrambe le funzioni consentono di controllare il "Questo" Parole chiave all'interno della funzione definita.

Metodo Call () in JavaScript

In questo metodo, una funzione viene chiamata con i suoi argomenti forniti individualmente. La parola chiave "Questo" viene aggiunto per fare riferimento al proprietario dell'oggetto.

Esempio: usando il metodo call () in javascript

Nel seguente esempio, "persona" è l'oggetto del "Questo" Parole chiave che possiede le proprietà di un oggetto menzionato, come FirstName e LastName. Nel prossimo passaggio, definiremo un file "nome e cognome()" funzione che prenderà in prestito le proprietà del "persona" oggetto nel suo corpo:

const Person =
primo nome: "Alice",
LastName: 'Mark',

funzione fullname ()
console.log ('$ questo.FirstName $ questo.cognome')

nome e cognome.Chiama (persona)

Invoca un metodo call () con gli argomenti

oggetto.ObjectMethod.Chiama (ObjectInstance, Argomenti)

Parametri del metodo call ()
Due parametri sono accettati con il metodo call ().

discussione: Prende gli argomenti che sono separati dalle virgole.

ObjectInstance: Ha l'istanza di un oggetto e controlla il tipo di oggetto in fase di esecuzione.

Esempio: utilizzando il metodo Call () con gli argomenti in JavaScript

Prima di tutto, creeremo a "persona" oggetto e quindi aggiungere un file "nome e cognome" metodo in esso. Il metodo fullname di "persona" L'oggetto è una funzione che prenderà "età" E "altezza" come i suoi parametri. Questa funzione restituirà il "nome di battesimo", "cognome" dell'attuale istanza dell'oggetto, con il suo età E altezza:

const Person =
fullname: function (età, altezza)
Restituisci questo.firstname + "" + questo.LastName + "," + Age + "," + altezza;

Successivamente, creeremo un altro oggetto chiamato "Personn" avere due proprietà, "nome di battesimo" E "cognome". Dopo averlo fatto, invocheremo il "nome e cognome" metodo del "persona" oggetto mentre passa "Personn" come istanza dell'oggetto, "25" come argomento di età, e "5ft" Come valore dell'argomento dell'altezza:

const personn =
primo nome: "Alice",
LastName: "Mark"

persona.nome e cognome.Chiama (Personn, "25", "5ft");

Metodo Applica () in JavaScript

Il metodo Applica () prende gli argomenti di una funzione sotto forma di un array, che può essere utilizzato su diversi oggetti.

Esempio: utilizzando il metodo Applica () in JavaScript
Nell'esempio dato, il metodo Applica () viene utilizzato per chiamare il "nome e cognome()" metodo del "persona" oggetto mentre passa "Personn" Come istanza dell'oggetto:

const Person =
Fullname: function ()
Restituisci questo.Firstname + "" + questo.Cognome;


const personn =
Primo nome: "Alice",
LastName: "Mark"

persona.Nome e cognome.applicare (personn);

L'esecuzione del programma di cui sopra ti mostrerà i valori di "nome di battesimo" E "cognome" Proprietà dell'oggetto "persona":

Invocare un metodo Applica () con gli argomenti

oggetto.ObjectMethod.Applica (ObjectInstance, ArrayOfarguments)

Esistono due parametri nel metodo Applica ():

ObjectInstance: Controlla il tipo di oggetto in fase di esecuzione.

Arrayofarguments: Prende gli argomenti da un array ..

Esempio: utilizzando il metodo Applica () in JavaScript
L'esempio dato mostra l'implementazione del metodo Applica () con gli argomenti:

const Person =
Fullname: function (età, altezza)
Restituisci questo.Firstname + "" + questo.LastName + "," + Age + "," + altezza;


const personn =
Primo nome: "Alice",
LastName: "Mark"

persona.Nome e cognome.applicare (Personn, ["25", "5ft"]);

Differenza tra i metodi di chiamata e applicazione in JavaScript

La differenza principale tra call () e appliche () metodi JavaScript è:

  • Nel chiamata() Metodo, gli argomenti vengono passati individualmente.
  • IL fare domanda a() Il metodo accetta gli argomenti sotto forma di un array.

Conclusione

In JavaScript, il metodo call () accetta l'argomento individuale, mentre il metodo Applica () accetta gli argomenti sotto forma di un array. Questo articolo ha spiegato profondamente la differenza tra questi due metodi, ha dimostrato l'implementazione di entrambi i metodi con e senza argomenti e li ha spiegati esplicitamente con brevi esempi.