Metodo del costruttore in JavaScript

In JavaScript, il metodo del costruttore è invocato quando si crea un'istanza di una classe. Viene anche usato per inizializzare gli oggetti all'interno di una classe. Tuttavia, JavaScript creerà automaticamente ed eseguirà un costruttore vuoto se non si è definito alcun metodo di costruttore per una classe.

I costruttori in JavaScript possono essere di diversi tipi, come il Incorporato JavaScript Costruttori, IL Funzione costruttore personalizzata, e il Metodo del costruttore di una classe definita dall'utente. A seconda dei requisiti, è possibile utilizzare questi costruttori per la creazione e l'inizializzazione dell'oggetto o dell'istanza di una classe.

Questo articolo discuterà i costruttori e i loro tipi in JavaScript con l'aiuto di esempi adeguati.

Metodi di costruttore in JavaScript

In JavaScript, ci sono due tipi di metodi di costruttore:

• Costruttore predefinito
• Costruttore parametrizzato

La sezione seguente spiegherà brevemente i costruttori predefiniti e parametri e il loro utilizzo in JavaScript.

Metodo costruttore predefinito in JavaScript

UN Costruttore predefinito viene creato automaticamente da JavaScript se non si è aggiunto un metodo di costruttore in una particolare classe. Tuttavia, se si desidera eseguire qualsiasi operazione specifica durante la creazione di un oggetto di classe, è possibile definire esplicitamente un metodo del costruttore predefinito.

Sintassi del metodo del costruttore predefinito in JavaScript

Class ClassName
costruttore()
// corpo del costruttore predefinito

Nota: IL Metodo del costruttore non ha un tipo di ritorno esplicito.

Esempio: metodo del costruttore predefinito in JavaScript

Nell'esempio seguente, definiremo un metodo di costruttore predefinito per "Dipendente" classe. Secondo la definizione di "costruttore()Metodo ", ogni volta che un"Dipendente"L'oggetto di classe viene creato, inizializzerà il suo"nome"Proprietà a"Alex", E "età"Proprietà come"25":

dipendente di classe
costructor ()
Questo.name = 'Alex';
Questo.età = 25;


const Employee1 = new Employee ();
console.Log ("Nome dipendente:" + Employee1.nome);
console.Log ("Age:" + Employee1.età);

L'esecuzione del programma dato creerà un "dipendente1”Oggetto del"Dipendente"Classe utilizzando il costruttore predefinito. Il metodo del costruttore predefinito inizializzerà quindi le proprietà specificate per "dipendente1"Oggetto. Infine, il "console.tronco d'albero()"Il metodo stamperà i valori memorizzati in"dipendente1.nome" E "dipendente1.età" proprietà:

L'utilizzo del costruttore predefinito è utile quando si desidera inizializzare le proprietà di tutti gli oggetti creati con lo stesso valore. Ma cosa succede se devi assegnare alcuni valori unici agli oggetti mentre li crei? In JavaScript, puoi ottenere questa funzionalità con l'aiuto di "Costruttore parametrizzato" metodo.

Metodo del costruttore parametrizzato in JavaScript

Un costruttore che comprende parametri è noto come "Costruttore parametrizzato" metodo. Questo tipo di costruttore viene utilizzato principalmente quando si desidera inizializzare le proprietà della classe con alcuni valori specifici.

Sintassi del metodo del costruttore parametrizzato in JavaScript

Class ClassName
costruttore (parametro1, parametro2…, parametro)
// corpo del costruttore parametrizzato

Qui, il costruttore parametrizzato accetta i parametri passati come "argomenti"Durante la creazione di un oggetto di classe.

Esempio: metodo del costruttore parametrizzato in JavaScript

Creeremo un metodo di costruttore parametrizzato per "Dipendente"Classe che inizializza le proprietà con i valori passati come argomenti:

dipendente di classe
costruttore (nome, età)
Questo.nome = nome;
Questo.età = età;

Nel codice di seguito, "dipendente1”Oggetto del"Dipendente"La classe viene creata utilizzando il costruttore parametrizzato dove"Stepheny"È passato come"nome"Valore della proprietà e"25"L'argomento rappresenta il valore di"età" proprietà:

const Employee1 = new Employee ("Stepheny", 25);
console.Log ("Nome dipendente:" + Employee1.nome);
console.Log ("Age:" + Employee1.età);

Produzione

L'output di cui sopra significa che abbiamo creato con successo un "dipendente1"Oggetto con i valori delle proprietà specificati con l'aiuto del metodo del costruttore parametrizzato.

Ora, discutiamo dei costruttori integrati di JavaScript.

Costruttori integrati in javascript

I costruttori integrati sono anche noti come Costruttori di oggetti. In JavaScript, quando un oggetto della classe "Oggetto"Viene creato, il costruttore di oggetti viene chiamato direttamente, che aiuta a creare l'oggetto della classe specificata.

JavaScript offre costruttori integrati per diverse classi predefinite come "Vettore","Data","Corda","Numero","Booleano", E "Oggetto".

La sezione di seguito offrirà l'uso di alcuni costruttori JavaScript incorporati.

Esempio: costruttore integrato oggetto in JavaScript

Per creare un oggetto semplice, puoi utilizzare il "Oggetto"Costruttore integrato di classe. A tale scopo, devi passare un "valore"Come argomento mentre invoca il costruttore Object ():

nuovo oggetto ([valore])

In questo esempio, creeremo due oggetti denominati "Nome dipendente" E "dipendente", Usando il"Oggetto"Costruttore di classe:

var duempingeename = new Object ("Alex");
var duempingeeage = nuovo oggetto (25);
console.Log ("Nome dipendente:"+ Employeename)
console.Log ("Age:"+ Employeeage);

Produzione

Ricorda, puoi specificare qualsiasi valore in "Oggetto()"Costruttore e non cambia il tipo di oggetto creato. Ad esempio, abbiamo inizializzato "Nome dipendente"Con un valore di stringa e"dipendente"Contiene un valore numerico. Tuttavia, il tipo di "Nome dipendente" E "dipendente" è impostato per "oggetto":

Esempio: costruttore incorporato in array in JavaScript

Allo stesso modo, il costruttore incorporato del "Vettore"La classe può essere utilizzata per la creazione di un oggetto che contiene elementi di array:

nuovo array ([valore])

Utilizzando il costruttore di classe Array (), ora creeremo un "dipendenti"Oggetto che comprende tre elementi di array"Alex","Paolo", E "Max":

VAR Employees = new Array ('Alex', 'Paul', 'Max');
console.registro (dipendenti);
console.registro (typeof dipendenti);

Produzione

Il metodo del costruttore aggiunto in una classe definita dall'utente ha il proprio significato; Tuttavia, il loro ambito è limitato, poiché non è possibile utilizzare questi costruttori in tutta l'applicazione ogni volta che è necessaria la creazione di un oggetto. Inoltre, il costruttore integrato non ti consente di personalizzare se stesso.

In tale scenario, puoi creare un Funzione costruttore personalizzata In JavaScript per personalizzare il comportamento di un costruttore, che può essere utilizzato ovunque in un programma.

Funzione costruttore personalizzata in javascript

La funzione del costruttore personalizzato è utile quando si creano più oggetti con le stesse proprietà e metodi. Queste funzioni sono simili alle funzioni regolari, tranne che sono invocate con "nuovo" parola chiave.

Sintassi della funzione del costruttore personalizzato in JavaScript

funzione functionname (parametro1, parametro2…, parametro)

// Corpo della funzione del costruttore personalizzato

Qui, il costruttore di funzioni personalizzate accetta i parametri passati come "argomenti"Durante la creazione di un oggetto.

Esempio 1: funzione costruttore personalizzato in JavaScript

Definiremo una funzione costruttore personalizzata denominata "Dipendente"Che comprende"nome" E "età"Proprietà e una"showinfo ()" metodo. Si noti che il nome della funzione personalizzata "Dipendente"Sta iniziando con la lettera maiuscola che la distingue dalle funzioni regolari:

Function Employee (nome, età)
Questo.nome = nome;
Questo.età = età;
Questo.showinfo = function ()
restituire "nome dipendente:"+ questo.nome + ", età:" + questo.età;
;

Nel prossimo passaggio, definiremo due oggetti "dipendente1" E "dipendente2" usando il "Dipendente"Funzione del costruttore:

VAR Employee1 = new Employee ('Alex', 25);
VAR Employee2 = new Employee ('Paul', 35);

Infine, invocando il "showinfo ()"Il metodo per gli oggetti creati mostrerà i valori delle proprietà passate come argomenti:

console.registro (dipendente1.showinfo ());
console.registro (dipendente2.showinfo ());

Produzione

Abbiamo compilato le informazioni essenziali relative a metodi di costruttore, costruttori integrati e funzioni di costruttore personalizzate in JavaScript.

Conclusione

I costruttori in JavaScript possono essere di diversi tipi, come il Costruttori JavaScript incorporati, IL Funzione costruttore personalizzata, E il metodo del costruttore di una classe definita dall'utente. Il metodo del costruttore è ulteriormente diviso in Predefinito E Parametrizzato Costruttori. A seconda dei requisiti, è possibile utilizzare questi costruttori per la creazione e l'inizializzazione dell'oggetto o dell'istanza di una classe. Questo articolo ha discusso dei costruttori e dei loro tipi in JavaScript con l'aiuto di esempi adeguati.