Creazione di oggetti in JavaScript

JavaScript è un linguaggio di programmazione progettato per facilitare l'interazione tra gli oggetti. In questo linguaggio di scripting, un oggetto è fondamentalmente una variabile che può archiviare molti valori. Ad esempio, auto in uno showroom, studenti a scuola e contanti nei conti bancari. Ci sono diversi modi di Creazione di oggetti usando JavaScript, come i letterali degli oggetti, Metodi del costruttore, classi, e nuove parole chiave. Tuttavia, l'oggetto letterale è il modo più comune di creazione di oggetti usando JavaScript.

In questo articolo, abbiamo spiegato due metodi per la creazione di oggetti in JavaScript.

• Usando l'oggetto letterale per creare oggetto in JavaScript
• Utilizzo del metodo del costruttore per creare oggetto in JavaScript
• Utilizzo della classe per creare oggetto in JavaScript
• Utilizzo della nuova parola chiave per creare oggetto in JavaScript

Metodo 1: crea un oggetto usando i letterali degli oggetti in JavaScript

È il modo più semplice per creare un oggetto in JavaScript inizializzando l'oggetto. Gli utenti possono creare e definire un oggetto in una singola riga. Viene eseguito un fenomeno della coppia di valore chiave per assegnare i valori separati da un colon. L'assegnazione dei valori è scritta su parentesi graffe:

Sintassi

La sintassi per la creazione di un oggetto con un inizializzatore dell'oggetto è riportata di seguito:

var object = PropertyName: PropertyValue

IL proprietà il nome si riferisce al nome della proprietà e al costo dell'immobile rappresenta il valore di quella proprietà.

Esempio

In questo esempio, tutti i valori sono assegnati alle proprietà dell'oggetto con un valore chiave.

Codice

// Un esempio di creazione di un oggetto usando i letterali degli oggetti
Var Teacher = FirstName: "Harry",
LastName: "Billi",
Età: 35,
Oggetto: "matematica";
console.registro (insegnante.nome di battesimo);

Nel codice:

• L'oggetto insegnante è definito e vengono create proprietà diverse per questo oggetto.
• Successivamente, valori diversi sono assegnati a queste proprietà.
• Alla fine, la proprietà specifica insegnante.nome di battesimo viene visualizzato usando il file console.tronco d'albero() metodo in JavaScript.

Produzione

L'output restituisce la proprietà specifica di un oggetto creando il metodo letterale dell'oggetto in JavaScript.

Nota: JavaScript 1.1 e prima non supportano i letterali degli oggetti per l'inizializzazione degli oggetti.

Metodo 2: creazione di un oggetto usando il metodo del costruttore in JavaScript

Un altro modo alternativo che può essere utilizzato per creare un oggetto in JavaScript è il metodo del costruttore. Il metodo crea un'istanza di oggetto della classe. In questo metodo, definire prima un tipo di oggetto utilizzando il metodo del costruttore:

Sintassi

Funzione costruttore (proprietà)
Questo.Proprietà = proprietà;
let newObject = new costructor ('objectValue');

Parametro:

I parametri sono descritti come segue.

• Costruttore: un metodo che inizializza un oggetto della classe.
• newobject: rappresenta l'oggetto appena creato
• proprietà: indica la proprietà dell'oggetto esistente
• ObjectValue: Specifica il valore assegnato all'oggetto.

Esempio

Un esempio è fornito per la creazione di un oggetto con il metodo del costruttore in JavaScript. A tale scopo, il codice è il seguente:

Codice

// Un esempio di creazione di un oggetto usando il costruttore
Classe di funzione (nome, soggetto)
Questo.nome = nome;
Questo.soggetto = soggetto;

let insegnante1 = new Class ('John', 'matematica');
Let Teacher2 = new Class ('Harry', 'Physics')
console.registro (insegnante1.nome);
console.registro (insegnante2.nome);

In questo codice:

• Un costruttore viene chiamato passando la proprietà nome E soggetto.
• Successivamente, due oggetti vengono creati con i nomi di insegnante1 E insegnante2.
• I diversi valori vengono assegnati loro chiamando il costruttore.

Produzione

L'output restituisce i nomi John E Harry che sono associati alle proprietà di insegnante1 E insegnante2.

Metodo 3: creazione di un oggetto usando la classe in JavaScript

La nuova versione di JavaScript ES6 ha supportato il concetto di classe. Creare l'oggetto utilizzando la classe è abbastanza simile al metodo del costruttore sopra. Tuttavia, i metodi vengono sostituiti con le classi fornendo le funzionalità nella versione ES6 in JavaScript. La sintassi per creare questo metodo è fornita di seguito:

Sintassi

Class ClassName
costruttore (proprietà)
Questo.Property = Property;
let newObject = new className ('objectValue');

Nella sintassi sopra:

• IL nome della classe Specifica il nome della classe.
• Successivamente, la proprietà viene passata al costruttore.
• Alla fine, il ObjectValue è assegnato al file newobject Variabile in JavaScript.

Esempio

Un esempio di creazione di un oggetto viene dimostrato utilizzando la classe in JavaScript.

Codice

// Un esempio di creazione di un oggetto usando le classi
insegnante
costruttore (nome, soggetto, capelli di capelli)
Questo.nome = nome;
Questo.soggetto = soggetto;
Questo.capelli di capelli = capelli di capelli;


let insegnante1 = new insegnante ('ali', 'fisica', 'nero');
let insegnante2 = new Insegnante ('John', 'matematica', 'brown');
console.registro (insegnante1.nome);
console.registro (insegnante2.soggetto);

In questo codice:

• L'insegnante di classe è definito in tre proprietà: nome, soggetto E colore dei capelli.
• Inoltre, vengono creati due oggetti: insegnante1 E insegnante2.
• Dopo, Vanno diversi valori sono assegnati a insegnante1 E insegnante2 oggetti.
• Infine, presenta le informazioni con il console.tronco d'albero() Metodo in JavaScript.

Produzione

L'output mostra l'esecuzione del codice sopra in modo tale che Object Teacher1 Restituisce la proprietà Nome Ali. Allo stesso modo, la proprietà dell'oggetto dell'oggetto insegnante2 viene restituito utilizzando l'operatore DOT in JavaScript.

Metodo 4: creazione di un oggetto utilizzando la nuova parola chiave in JavaScript

Questo metodo si riferisce alla creazione di un oggetto utilizzando la nuova parola chiave in JavaScript. L'operatore DOT viene utilizzato per creare le proprietà di nuovi oggetti. Dopodiché, i valori sono assegnati loro. È anche un metodo comunemente usato per creare oggetti in JavaScript. Per comprendere meglio la nuova parola chiave, un esempio viene fornito qui.

Esempio

L'esempio è dimostrato creando un oggetto insegnante In JavaScript.

Codice

// Un esempio di creazione di un oggetto usando la nuova parola chiave
var insegnante = new Object ();
insegnante.FirstName = "Ali";
insegnante.LastName = "Ahmed";
insegnante.soggetto = "matematica";
insegnante.età = 35;
insegnante.capelli di capelli = "marrone";
console.registro (insegnante.nome di battesimo);
console.registro (insegnante.età);
console.registro (insegnante.soggetto);

In questo codice, la descrizione è la seguente:

• Un oggetto insegnante è creato con a nuovo parola chiave.
• Dopo di che, primo nome, lastname, soggetto, età, E colore dei capelli Le proprietà sono definite con l'operatore DOT.
• Valori diversi sono assegnati a queste proprietà.
• Alla fine, le proprietà dell'oggetto vengono visualizzate utilizzando il console.tronco d'albero() metodo.

Produzione

L'output visualizza l'esecuzione del codice utilizzando il Nuova parola chiave In JavaScript. Prima il insegnante.Nome ha restituito il nome dell'insegnante Ali. Allo stesso modo, insegnante.età E insegnante.soggetto viene utilizzato per mostrare l'età e l'argomento dell'insegnante in JavaScript.

Conclusione

I quattro diversi modi sono dimostrati per la creazione di oggetti in JavaScript, incluso letterali di oggetti, metodi di costruttore, classi, e il Nuova parola chiave. In primo luogo, il oggetto letterale viene utilizzato per la creazione di un oggetto dalle coppie di valore nome. IL Metodo del costruttore viene impiegato per inizializzare un oggetto e assegnare valori in base alle sue proprietà esistenti. Inoltre, classi sono adattati per creare oggetti e visualizzare le loro proprietà assegnando loro i valori. Alla fine, la parola chiave nuovo viene utilizzato per creare un singolo oggetto alla volta e presentarlo nella finestra della console.