er et objektorienteret programmeringssprog. Objekterne danner byggestenene, der betragtes som den vigtigste datatypetil programmeringssprog. Denne artikel vil give dybdegående viden om JavaScript-objekter, hvordan de oprettes og defineres i følgende rækkefølge:
JavaScript-objekt
objekter ligner objekter i det virkelige liv, som består af forskellige attributter og egenskaber. Disse objekter er defineret som en uordnet samling af relaterede data, der er af primitive eller referencetyper. Disse defineres i form af 'nøgle: værdi' -par.
Disse taster er variabler eller funktioner som kaldes som egenskaber og metoder til et objekt. Du kan oprette et JavaScript-objekt som:
lad ObjectName = {Property1: 'Value', Property2: 'Value', ... ...}
Hvordan oprettes et nyt objekt?
Der er 3 måder at oprette et nyt objekt på:
- Af bogstaveligt objekt
Syntaks:
objekt = {ejendom1: værdi1, ejendom2: værdi2 ..... ejendomN: værdiN}
Eksempel:
medarbejder = {id: 700, navn: 'Evan', løn: 30000} document.write (medarbejder.id + '' + medarbejder.navn + '' + medarbejder.løn)
Produktion:
700 Evan 30000
- Ved at oprette forekomst af objekt
Syntaks:
var objektnavn = nyt objekt ()
Eksempel:
sorter array i c ++
var emp = nyt objekt () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)
Produktion:
701 Karan 40000
- Ved at bruge en objektkonstruktør
En funktion oprettes med argumenter. Hver argumentværdi kan tildeles i det aktuelle objekt ved hjælp af dette nøgleord.
Eksempel:
funktion medarbejder (id, navn, løn) {this.id = id this.name = name this.salary = løn} emp = ny medarbejder (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)
Produktion:
702 Neha 35000
Ejendomme
TIL ejendom af et objekt er en variabel der er fastgjort til objektet. De er dybest set de samme som JavaScript-variabler, bortset fra vedhæftet fil til objekter.
Objektets egenskaber definerer objektets egenskaber. Du kan få adgang til egenskaberne for et objekt med en simpel priknotation som:
objectName.propertyName
Du kan definere en egenskab ved at tildele den en værdi. Lad os f.eks. Oprette et objekt med navnet Bil og giv det egenskaber som firma, model og farve . Det kan defineres som:
var Car = new Object () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'
Metoder
TIL metode er en fungere forbundet med et objekt. Det er også en genstand for et objekt. Metoder defineres som de normale funktioner, men de skal tildeles som ejendom af et objekt.
Objektmetoden kan tilgås som:
objectName.methodName ()
Eksempel:
var person = {firstName: 'Tessa', lastName: 'Den', empid: 7100, fullName: function () {returner this.firstName + '' + this.lastName}}
Produktion:
Tessa Den
Nogle af de almindeligt anvendte indbyggede metoder er:
Metoder | Beskrivelse |
Object.assign () | Det bruges til at kopiere en række og egne egenskaber fra et kildeobjekt til et målobjekt |
Object.create () | Det bruges til at oprette et nyt objekt med det specificerede prototypeobjekt og egenskaber |
Object.defineProperty () | Det bruges til at definere egenskaberne for adfærd |
Object.entries () | Det returnerer en array med nøgle- og værdiparene |
Objekt. Frost () | Det forhindrer de eksisterende egenskaber i at blive fjernet |
Tilbehør
JavaScript Accessors består af Getters og Settere som bruges til at definere objekttilbehøret.
- Få nøgleordet
Lad os tage et eksempel og se hvordan Getters er vant til få enhver værdi af ejendommen:
var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id
Produktion:
401
- Sæt nøgleordet
Lad os tage et eksempel og se hvordan Settere er vant til sæt enhver værdi af ejendommen:
var person = {firstName: 'Daisy', lastName: 'Green', empid: 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = person .empid
Produktion:
python __init__ klasse
401
Prototyper
Alle JavaScript-objekter arver egenskaber og metoder fra en prototype. For eksempel:
- Dato objekter arver fra Dato. Prototype
- Array objekter arver fra Array.prototype
- Person objekter arver fra Person.prototype
JavaScript prototype egenskab bruges til at tilføje nye egenskaber til objektkonstruktører.
Eksempel:
funktion Person (første, sidste, id, alder) {this.firstName = først this.lastName = sidste this.empid = id this.age = age} Person.prototype.nationality = 'Indian'
Prototype-egenskaben giver dig også mulighed for at tilføje nye metoder til objektskonstruktører.
Eksempel:
funktion Person (første, sidste, id, alder) {// Tilføjelse af metoder til konstruktører this.firstName = først this.lastName = sidste this.empid = id this.age = age} Person.prototype.name = funktion () {return this.firstName + '' + this.lastName}
Du kan ændre dine egne prototyper, men aldrig ændre prototyperne på standard JavaScript-objekter.
Med dette er vi kommet til slutningen af vores artikel. Jeg håber, du har forstået JavaScript-objekter og de forskellige metoder til at definere dem.
Nu hvor du kender JavaScript-objekter, skal du tjekke af Edureka. Webudvikling certificeringstræning hjælper dig med at lære, hvordan du opretter imponerende websteder ved hjælp af HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google API'er og distribuerer det til Amazon Simple Storage Service (S3).
Har du et spørgsmål til os? Nævn det i kommentarfeltet i “JavaScript-objekt”, og vi vender tilbage til dig.