Alt du trenger å vite om JavaScript-objekter



Denne bloggen på JavaScript Object vil gi inngående kunnskap om forskjellige metoder for å definere og lage nye objekter i javascript med eksempler.

er et objektorientert programmeringsspråk. Objektene danner byggesteinene som regnes som den viktigste datatypenfor programmeringsspråket. Denne artikkelen vil gi inngående kunnskap om JavaScript-objekter, hvordan de blir opprettet og definert i følgende rekkefølge:

JavaScript-objekt

objekter ligner på objekter i det virkelige liv som består av forskjellige attributter og egenskaper. Disse objektene er definert som en uordnet samling av relaterte data, som er av primitive eller referansetyper. Disse er definert i form av 'nøkkel: verdi' -par.





JavaScript - javascript-objekt - Edureka

Disse tastene er variabler eller funksjoner som kalles som egenskaper og metoder for et objekt. Du kan opprette et JavaScript-objekt som:



la ObjectName = {Property1: 'Verdi', Property2: 'Verdi', ... ...}

Hvordan lage et nytt objekt?

Det er tre måter å lage et nytt objekt på:

  • Av Object Literal

Syntaks:

objekt = {eiendom1: verdi1, eiendom2: verdi2 ..... eiendomN: verdiN}

Eksempel:



ansatt = {id: 700, navn: 'Evan', lønn: 30000} document.write (ansatt.id + '' + ansatt.navn + '' + ansatt.lønn)

Produksjon:

700 Evan 30000
  • Ved å lage forekomst av objekt

Syntaks:

var objektnavn = nytt objekt ()

Eksempel:

var emp = new Object () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

Produksjon:

701 Karan 40000
  • Ved å bruke en objektkonstruktør

En funksjon opprettes med argumenter. Hver argumentverdi kan tildeles i det gjeldende objektet ved hjelp av dette nøkkelord.

Eksempel:

funksjonsmedarbeider (id, navn, lønn) {this.id = id this.name = name this.lønn = lønn} emp = nyansatt (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)

Produksjon:

702 Neha 35000

Egenskaper

TIL eiendom av et objekt er en variabel som er festet til objektet. De er i utgangspunktet de samme som JavaScript-variabler, bortsett fra vedlegg til objekter.

Egenskapene til et objekt definerer egenskapene til objektet. Du kan få tilgang til egenskapene til et objekt med en enkel prikknotasjon som:

objectName.propertyName

Du kan definere en eiendom ved å tildele den en verdi. La oss for eksempel lage et objekt som heter Bil og gi den egenskaper som selskap, modell , og farge . Det kan defineres som:

java grunt kopi vs dyp kopi
var Car = new Object () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

Metoder

TIL metode er en funksjon assosiert med et objekt. Det er også en egenskap til et objekt. Metoder er definert som normale funksjoner, men de må tilordnes som eiendom av et objekt.

Objektmetoden kan nås som:

objectName.methodName ()

Eksempel:

var person = {firstName: 'Tessa', lastName: 'Den', empid: 7100, fullName: function () {return this.firstName + '' + this.lastName}}

Produksjon:

Tessa Den

Noen av de vanlige innebygde metodene er:

Metoder Beskrivelse
Object.assign () Den brukes til å kopiere tallrike og egne egenskaper fra et kildeobjekt til et målobjekt
Object.create () Den brukes til å lage et nytt objekt med det spesifiserte prototypeobjektet og egenskapene
Object.defineProperty () Den brukes til å definere atferdsmessige attributter til eiendommen
Object.entries () Det returnerer en array med nøkkel- og verdiparene
Objekt. Frost () Det forhindrer at eksisterende eiendommer blir fjernet

Tilbehør

JavaScript Accessors består av Getters og Setters som brukes til å definere objekttilbehøret.

  • Get Keyword

La oss ta et eksempel og se hvordan Getters er vant til hvilken som helst verdi av eiendommen:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

Produksjon:

401
  • Set Keyword

La oss ta et eksempel og se hvordan Setters er vant til sett hvilken som helst verdi av eiendommen:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = person .empid

Produksjon:

401

Prototyper

Alle JavaScript-objekter arver egenskaper og metoder fra en prototype. For eksempel:

  • Dato gjenstander arver fra Date.prototype
  • Array gjenstander arver fra Array.prototype
  • Person gjenstander arver fra Person.prototype

JavaScript prototype egenskap brukes til å legge til nye egenskaper til objektkonstruktører.

Eksempel:

funksjon Person (første, siste, id, alder) {this.firstName = først this.lastName = siste this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

Prototypegenskapen lar deg også legge til nye metoder til objektskonstruktører.

Eksempel:

funksjon Person (første, siste, id, alder) {// Legge til metoder for konstruktører this.firstName = først this.lastName = siste this.empid = id this.age = age} Person.prototype.name = funksjon () {return this.firstName + '' + this.lastName}

Du kan endre dine egne prototyper, men aldri endre prototypene til standard JavaScript-objekter.

Med dette har vi kommet til slutten av artikkelen vår. Jeg håper du forsto JavaScript-objekter og de forskjellige metodene for å definere dem.

Nå som du vet om JavaScript-objekter, sjekk ut av Edureka. Webutvikling sertifiseringstrening hjelper deg med å lære hvordan du lager imponerende nettsteder ved hjelp av HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google APIer og distribuerer det til Amazon Simple Storage Service (S3).

Har du et spørsmål til oss? Vennligst nevn det i kommentarfeltet i “JavaScript-objekt”, så kommer vi tilbake til deg.