Invocare una funzione con un costruttore di funzioni in JavaScript
Questo tutorial presenta sintassi ed esempi di chiamata una funzione usando un costruttore di funzioni. Differenderà anche il modo in cui il metodo invocazione del costruttore di funzioni è diverso dagli altri due metodi. Quindi iniziamo!
Invocando una funzione come costruttore di funzioni
Nel seguente esempio, creeremo un "X"Oggetto invocando il"myarg ()"Costruttore di funzioni:
funzione myarg (arg1, arg2)Questo.raggio = arg1;
Questo.altezza = arg2;
var x = new myarg (1,2)
console.log (x);
L'output di questo programma è riportato di seguito:
L'esempio sopra ha definito prima una funzione "myarg ()". Dopodiché, abbiamo creato un "X"Oggetto invocando il"myarg ()"Funzionare come costruttore di funzioni. Il costruttore della funzione eredita quindi le proprietà dalla funzione originale. Possiamo vedere che solo i valori sono stati passati come argomenti al "myarg ()"Funzione, ma l'output mostra anche le proprietà ad essi associate.
Ora, controlliamo gli altri metodi per invocare una funzione in JavaScript.
Invocare una funzione come funzione
È semplice invocare una funzione come funzione in JavaScript. La funzione non crea un nuovo oggetto, ma JavaScript creerà a livello globale un oggetto. La funzione apparterrà sempre alla pagina HTML, che è l'oggetto predefinito della funzione. Possiamo invocare una funzione semplicemente usando il suo nome e passando gli argomenti in base ai parametri specificati.
Esempio: invocare una funzione come funzione
In questo esempio, creeremo un "myFunction ()"Con due parametri"UN" E "B"E restituirà il prodotto dei valori degli argomenti passati:
funzione myfunction (a, b)restituire un * b;
MyFunction (10, 2); // tornerà 20
Invocare una funzione come metodo
JavaScript ci consente anche di invocare una funzione come metodo. Nell'esempio seguente, possiamo vedere che il metodo FullName è una funzione che appartiene a un oggetto e "myobject"È il proprietario della funzione. Qui il "Questo"La parola chiave viene utilizzata anche nel codice. Il valore di "Questo"In questo metodo è ciò che MyObject ritorna.
Esempio: invocare una funzione come metodo
Nell'esempio seguente, abbiamo creato un oggetto chiamato "myobject"Avere due proprietà"nome di battesimo","cognome"E un"nome e cognome" metodo. IL "nome e cognome"Il metodo appartiene al" myobject "ed è una funzione.
Per invocare il metodo "fullname ()", lo invoceremo semplicemente con l'aiuto di "myobject" nel seguente modo:
const myobject =primo nome: "Alcei",
LastName: "Jhon",
fullname: function ()
Restituisci questo.firstname + "" + questo.cognome;
myobject.nome e cognome(); // restituirà "Alice John"
Come puoi vedere dall'output, il metodo FullName ha restituito i valori di "nome di battesimo" E "cognome" proprietà:
Perché utilizzare un costruttore di funzioni per invocare una funzione?
L'uso di altri metodi invocati piuttosto che i costruttori di funzioni può causare problemi relativi alla sicurezza e alle prestazioni poiché altri metodi creano funzioni dinamiche. Il costruttore di funzioni aiuta a creare una funzione che può essere eseguita solo nell'ambito globale.
Invocando una funzione con un nuovo costruttore di funzioni
Un costruttore di funzioni richiede uno o più argomenti di stringa. Al contrario, l'ultimo argomento mostrerà il corpo della funzione, che consiste nelle dichiarazioni JavaScript aggiunte separate con punti e virgola.
Esempio: invocare una funzione con un nuovo costruttore di funzioni
Il seguente esempio mostra come invocare una funzione con un nuovo costruttore di funzioni:
Fai clic sul pulsante seguente per chiamare la funzione
Nota
Un costruttore di funzioni non passerà mai un argomento che specifica il nome della funzione creato nel codice. Dichiarerà automaticamente una funzione come una funzione anonima.
Conclusione
In JavaScript, invocare una funzione con un costruttore di funzioni è insolito e si basa sull'eredità. Tuttavia, questo metodo per invocare le funzioni ha i suoi benefici e può tornare utile in determinate situazioni. Questo tutorial ha discusso della procedura per invocare una funzione con l'aiuto del costruttore di funzioni. Abbiamo anche spiegato la differenza tra invocare la funzione come costruttore di funzione, invocare la funzione come metodo e invocare la funzione come funzione con l'aiuto di esempi.