Invocando una funzione come metodo in JavaScript

In JavaScript, le funzioni possono essere chiamate in vari modi. Questa affermazione può sembrare insolita per te se sei un principiante JavaScript e potresti pensare come una funzione può essere chiamata in più modi? Non lo chiamiamo semplicemente? Bene, cari lettori, esistono quattro modi diversi per chiamare una funzione in JavaScript e in questo articolo parleremo specificamente invocare la funzione come metodo in JavaScript.

Prima di saltare verso la procedura di invocare la funzione come metodo in JavaScript, in primo luogo, mostriamo come invocare una funzione come funzione in JavaScript. Seguendo questo approccio, puoi facilmente trovare la differenza tra le pratiche di chiamata della funzione menzionate. Quindi iniziamo!

Invocare la funzione come funzione in javascript

In JavaScript, la maggior parte delle funzioni viene invocata o chiamata "come una funzione". Per mostrarti come invocare una funzione JavaScript come funzione, creeremo un "MultiplyFunc ()" che avranno due parametri, "X" e "Y". Nel corpo della funzione, moltiplicheremo i valori memorizzati nei parametri:

funzione multiplyfunc (x, y)
restituire x * y;

Ora per invocare il "MutliplyFunc ()" Come funzione, eseguiremo la linea e passeremo di seguito "2" e "6" Come argomenti della funzione:

multiplyfunc (2, 6);

L'output del codice sopra dato è mostrato di seguito:

Perché la pagina HTML è l'oggetto globale predefinito, il "MultiplyFunc ()" La funzione appartiene alla pagina HTML. La finestra del browser è l'oggetto pagina in un browser. Quindi, la funzione "MultiplyFunc ()" verrà automaticamente convertito in una funzione della finestra.

Il precedentemente dato funzione multiplyfunc () e il finestra.multiplofunc () ti mostrerà lo stesso output:

funzione multiplyfunc (x, y)
restituire x * y;

finestra.multiplyfunc (2, 6);

Come puoi vederlo dopo aver chiamato il finestra.multiplyfunc () e passando "2" e "6" Come argomenti, la funzione è tornata "12" come output:

Invocare la funzione come metodo in javascript

In JavaScript, una funzione deve essere specificata come proprietà dell'oggetto per invocarlo come metodo. In tal caso, una funzione JavaScript comprende due parametri: a "funzione" che appartiene a un oggetto specifico e a "Questo" parametro che possiede il programma JavaScript; Tuttavia, in questa situazione, memorizzerà l'oggetto dichiarato.

Nell'esempio seguente, abbiamo creato un "dipendente" oggetto con due proprietà, "nome di battesimo" E "cognome", e a "Nome e cognome" Metodo oggetto. IL "Nome e cognome" Il metodo appartiene al "dipendente" oggetto ed è una funzione:

const dipendente =
Primo nome: "Jack",
LastName: "Smith",
fullname: function ()
Restituisci questo.firstname + "" + questo.cognome;

Ora, per invocare il "nome e cognome()" Come metodo, eseguiremo il seguente codice:

dipendente.nome e cognome();

IL metodo fullname () restituirà il primo nome e il lastname del "dipendente" oggetto, che è stato specificato nel corpo della funzione:

Ora cambieremo il corpo della funzione in "Restituisci questo" in modo che produca l'oggetto del proprietario:

const dipendente =
Primo nome: "Jack",
LastName: "Smith",
fullname: function ()
restituire questo;

Invocare il nome e cognome() funzionare come un "dipendente" Metodo oggetto nel modo seguente:

dipendente.nome e cognome();

L'output ti farà conoscere le proprietà dell'oggetto dei dipendenti come nome e cognome, e i loro valori. Si noti che per il valore della proprietà dell'oggetto FullName, "F" viene restituito, il che indica che FullName è una funzione:

Conclusione

Creando una funzione come proprietà dell'oggetto, possiamo invocare una funzione come metodo in JavaScript. Quando si definisce una funzione JavaScript come proprietà di un oggetto, comprende due parametri: una funzione che appartiene a un oggetto specifico e questo parametro che memorizzerà l'oggetto dichiarato. Questo articolo ha discusso della funzione invocazione come metodo in JavaScript. Inoltre, è dimostrata anche la differenza tra invocare la funzione come funzione normale e invocare la funzione come metodo.