Opprette objekter i JavaScript

JavaScript er et programmeringsspråk som er designet for å lette samspillet mellom objekter. På dette skriptspråket er et objekt i utgangspunktet en variabel som kan lagre mange verdier. For eksempel biler i et showroom, elever på skolen og kontanter på bankkontoer. Det er forskjellige måter å Opprette objekter ved hjelp av JavaScript, for eksempel objektlitteraler, Konstruktørmetoder, klasser, og nye nøkkelord. Imidlertid er objektet bokstavelig den vanligste måten å lage objekter ved hjelp av JavaScript.

I denne artikkelen har vi forklart to metoder for å lage objekter i JavaScript.

• Bruker objekt bokstavelig for å lage objekt i JavaScript
• Bruke konstruktørmetode for å lage objekt i JavaScript
• Bruker klassen til å lage objekt i JavaScript
• Bruke det nye nøkkelordet for å opprette objekt i JavaScript

Metode 1: Lag et objekt ved hjelp av objektets bokstaver i JavaScript

Det er den enkleste måten å lage et objekt i JavaScript ved å initialisere objektet. Brukere kan opprette og definere et objekt i en enkelt linje. Et nøkkelverdi-parfenomen utføres for å tilordne verdiene atskilt med en tykktarm. Tildelingen av verdier er skrevet i krøllete seler:

Syntaks

Syntaksen for å lage et objekt med en objektinitialiserer er gitt nedenfor:

var objekt = PropertyName: PropertyValue

De eiendom Navnet refererer til navnet på eiendommen, og Eiendomsverdi representerer verdien av den egenskapen.

Eksempel

I dette eksemplet er alle verdiene tilordnet egenskapene til objektet med en nøkkelverdi.

Kode

// Et eksempel på å lage et objekt ved hjelp av objektlitteraler
var lærer = FirstName: "Harry",
LastName: "Billi",
Alder: 35,
Emne: "Matematikk";
konsoll.Logg (lærer.fornavn);

I koden:

• Objektet lærer er definert, og forskjellige egenskaper opprettes for dette objektet.
• Etterpå blir forskjellige verdier tilordnet disse egenskapene.
• Til slutt den spesifikke egenskapen lærer.fornavn vises ved hjelp av konsoll.Logg() metode i JavaScript.

Produksjon

Utgangen returnerer den spesifikke egenskapen til et objekt ved å lage objektets bokstavelige metode i JavaScript.

Merk: JavaScript 1.1 og tidligere støtter ikke objektlitteraler for å initialisere objekter.

Metode 2: Opprette et objekt ved hjelp av konstruktørmetoden i JavaScript

En annen alternativ måte som kan brukes til å lage et objekt i JavaScript er konstruktørmetoden. Metoden skaper en objektforekomst av klassen. I denne metoden, definerer du først en objekttype ved å bruke konstruktørmetoden:

Syntaks

funksjonskonstruktør (eiendom)
dette.eiendom = eiendom;
La NewObject = ny konstruktør ('ObjectValue');

Parameter:

Parametrene er beskrevet som følger.

• Konstruktør: en metode som initialiserer et objekt i klassen.
• NewObject: representerer det nyopprettede objektet
• eiendom: indikerer den eksisterende objektegenskapen
• ObjectValue: Angir verdien som er tilordnet objektet.

Eksempel

Et eksempel er gitt for å lage et objekt med konstruktørmetoden i JavaScript. For dette formålet er koden som følger:

Kode

// Et eksempel på å lage et objekt ved hjelp av konstruktør
funksjonsklasse (navn, emne)
dette.Navn = navn;
dette.emne = emne;

La lærer1 = ny klasse ('John', 'Matematikk');
La Teacher2 = ny klasse ('Harry', 'Fysikk')
konsoll.Logg (lærer1.Navn);
konsoll.Logg (Teacher2.Navn);

I denne koden:

• En konstruktør kalles ved å passere eiendommen Navn og Emne.
• Etter det opprettes to objekter med navnene på Lærer1 og Lærer2.
• De forskjellige verdiene blir tilordnet dem ved å ringe konstruktøren.

Produksjon

Utgangen returnerer navnene John og Harry som er assosiert med egenskapene til Lærer1 og Lærer2.

Metode 3: Opprette et objekt ved hjelp av klassen i JavaScript

Den nye versjonen av JavaScript ES6 støttet klassekonseptet. Å lage objektet ved å bruke klassen er ganske som konstruktørmetoden ovenfor. Metodene erstattes imidlertid med klassene ved å tilby funksjonalitetene i ES6 -versjonen i JavaScript. Syntaksen for å lage denne metoden er gitt nedenfor:

Syntaks

Klasseklassenavn
konstruktør (eiendom)
dette.eiendom = eiendom;
La newObject = new ClassName ('ObjectValue');

I syntaks ovenfor:

• De klassenavn Angir navnet på klassen.
• Etter det blir eiendommen sendt til konstruktøren.
• Til slutt, den ObjectValue er tilordnet NewObject Variabel i JavaScript.

Eksempel

Et eksempel på å lage et objekt demonstreres ved å bruke klassen i JavaScript.

Kode

// Et eksempel på å lage et objekt ved hjelp av klasser
klasseforstander
konstruktør (navn, emne, hårfarge)
dette.Navn = navn;
dette.emne = emne;
dette.hårfarge = hårklipp;


La lærer1 = ny lærer ('Ali', 'fysikk', 'svart');
La Teacher2 = ny lærer ('John', 'Math', 'Brown');
konsoll.Logg (lærer1.Navn);
konsoll.Logg (Teacher2.Emne);

I denne koden:

• Klasselæreren er definert i tre egenskaper: navn, Emne og hårfarge.
• Videre opprettes to objekter: Lærer1 og Lærer2.
• Etterpå, Ulike verdier er tilordnet Lærer1 og Lærer2 objekter.
• Til slutt, presenter informasjonen med konsoll.Logg() Metode i JavaScript.

Produksjon

Utgangen viser utførelsen av ovennevnte kode på en slik måte at Objektlærer1 Returnerer navnegenskapen Ali. På samme måte gjenstanden til gjenstanden til objektet Lærer2 blir returnert ved å bruke prikkoperatøren i JavaScript.

Metode 4: Opprette et objekt ved hjelp av det nye nøkkelordet i JavaScript

Denne metoden refererer til å lage et objekt ved hjelp av det nye nøkkelordet i JavaScript. Dot -operatøren brukes til å lage egenskapene til nye objekter. Etter det blir verdier tildelt dem. Det er også en ofte brukt metode for å lage objekter i JavaScript. For bedre å forstå det nye nøkkelordet, er et eksempel gitt her.

Eksempel

Eksemplet demonstreres ved å lage et objekt lærer I JavaScript.

Kode

// Et eksempel på å lage et objekt ved hjelp av nytt nøkkelord
var lærer = nytt objekt ();
lærer.FirstName = "Ali";
lærer.lastName = "Ahmed";
lærer.emne = "matematikk";
lærer.alder = 35;
lærer.hårklipp = "brun";
konsoll.Logg (lærer.fornavn);
konsoll.Logg (lærer.alder);
konsoll.Logg (lærer.Emne);

I denne koden er beskrivelsen som følger:

• En gjenstand lærer er opprettet med en ny nøkkelord.
• Etter det, FirstName, LastName, Emne, alder, og hårfarge Egenskaper er definert med prikkoperatøren.
• Ulike verdier er tilordnet disse egenskapene.
• Til slutt vises objektegenskapene konsoll.Logg() metode.

Produksjon

Utgangen viser utførelsen av koden ved å bruke Nytt nøkkelord I JavaScript. Først lærer.Navn returnerte navnet på lærer Ali. på samme måte, lærer.alder og lærer.Emne brukes til å vise alderen og emnet til læreren i JavaScript.

Konklusjon

De fire forskjellige måtene demonstreres for å lage objekter i JavaScript, inkludert Objektlitteraler, konstruktørmetoder, klasser, og Nytt nøkkelord. For det første objekt bokstavelig brukes til å lage et objekt av navneverdiparene. De Konstruktørmetode brukes for å initialisere et objekt og tilordne verdier basert på dets eksisterende egenskaper. Dessuten, klasser er tilpasset for å lage objekter og vise egenskapene sine ved å tilordne verdier til dem. Til slutt nøkkelordet ny brukes til å lage et enkelt objekt om gangen og presentere det i konsollvinduet.