Viss, kas jums jāzina par JavaScript objektiem



Šis JavaScript Object emuārs sniegs padziļinātas zināšanas par dažādām metodēm, kā definēt un izveidot jaunus objektus javascript ar piemēriem.

ir uz objektu orientēta programmēšanas valoda. Objekti veido celtniecības blokus, kas tiek uzskatīti par vissvarīgākajiem datu tipiemprogrammēšanas valodai. Šis raksts sniegs padziļinātas zināšanas par JavaScript objektiem, kā tie tiek veidoti un definēti šādā secībā:

JavaScript objekts

objekti ir līdzīgi objektiem reālajā dzīvē, kas sastāv no dažādiem atribūtiem un īpašībām. Šie objekti tiek definēti kā nesakārtota saistītu datu kolekcija, kas ir primitīva vai atsauces veida. Tie ir definēti kā “key: value” pāri.





JavaScript - javascript objekts - Edureka

Šie taustiņi ir mainīgie vai funkcijas kuras sauc par objekta īpašībām un metodēm. JavaScript objektu var izveidot kā:



kad lietot šo java
ļaujiet ObjectName = {Īpašums1: 'Vērtība', Īpašums2: 'Vērtība', ... ...}

Kā izveidot jaunu objektu?

Ir 3 veidi, kā izveidot jaunu objektu:

  • Pēc Object Literal

Sintakse:

objekts = {rekvizīts1: vērtība1, rekvizīts2: vērtība2 ..... rekvizītsN: vērtībaN}

Piemērs:



darbinieks = {id: 700, vārds: 'Evan', alga: 30000} document.write (darbinieka ID + '' + darbinieka vārds + '' + darbinieka alga)

Izeja:

700 Evans 30000
  • Izveidojot objekta instanci

Sintakse:

var objekta nosaukums = jauns objekts ()

Piemērs:

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

Izeja:

701 Karāna 40000
  • Izmantojot objekta konstruktoru

Funkcija tiek izveidota ar argumentiem. Katru argumenta vērtību pašreizējā objektā var piešķirt, izmantojot šo atslēgvārdu.

Piemērs:

funkcijas darbinieks (id, vārds, alga) {this.id = id this.name = nosauciet šo.alga = alga} emp = jauns darbinieks (702, 'Neha', 35000) document.write (emp.id + '' + emp .nosaukums + '' + emp.alga)

Izeja:

702 Neha 35000

Rekvizīti

TO īpašums objekta ir a mainīgais kas ir piestiprināts objektam. Tie būtībā ir tādi paši kā JavaScript mainīgie, izņemot pielikumu objektiem.

Objekta īpašības nosaka objekta īpašības. Jūs varat piekļūt objekta īpašībām, izmantojot vienkāršu punktu apzīmējumu, piemēram:

objectName.propertyName

Īpašumu var definēt, piešķirot tam vērtību. Piemēram, izveidosim objektu ar nosaukumu Automašīna un piešķir tai tādas īpašības kā uzņēmums, modelis , un krāsa . To var definēt kā:

var Car = jauns objekts () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

Metodes

TO metodi ir funkciju kas saistīts ar objektu. Tas ir arī objekta īpašums. Metodes ir definētas kā parastās funkcijas, bet tās jāpiešķir kā īpašums objekta.

Objekta metodei var piekļūt kā:

kāda ir atšķirība starp hashmap un hashtable
objectName.methodName ()

Piemērs:

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

Izeja:

Tesa Den

Dažas no visbiežāk izmantotajām iebūvētajām metodēm ir:

Metodes Apraksts
Object.assign () To izmanto, lai kopētu neskaitāmus un īpašumus no avota objekta uz mērķa objektu
Object.create () To izmanto, lai izveidotu jaunu objektu ar norādīto objekta prototipu un īpašībām
Object.defineProperty () To lieto, lai definētu īpašuma uzvedības atribūtus
Object.entries () Tas atgriež masīvs ar atslēgu un vērtību pāriem
Object.freeze () Tas novērš esošo īpašību noņemšanu

Piekļuves

JavaScript Accessors sastāv no Getters un Seters kas tiek izmantoti objektu piekļuvēju definēšanai.

  • Iegūt atslēgvārdu

Ņemsim piemēru un redzēsim, kā Getters ir pieraduši gūt jebkura īpašuma vērtība:

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

Izeja:

401
  • Iestatīt atslēgvārdu

Ņemsim piemēru un redzēsim, kā Seters ir pieraduši komplekts jebkura īpašuma vērtība:

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

Izeja:

401

Prototipi

Visi JavaScript objekti manto īpašības un metodes no prototipa. Piemēram:

  • Datums priekšmeti manto no Datums. Prototips
  • Masīvs priekšmeti manto no Masīvs.prototips
  • Persona priekšmeti manto no Persona.prototips

JavaScript prototips rekvizītu izmanto, lai objektu konstruktoriem pievienotu jaunas īpašības.

Piemērs:

funkcija Person (first, last, id, age) {this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

Prototipa īpašums ļauj objektu veidotājiem pievienot arī jaunas metodes.

Piemērs:

funkcija Person (first, last, id, age) {// Metodu pievienošana konstruktoriem this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Varat modificēt savus prototipus, taču nekad nemodificējiet standarta JavaScript objektu prototipus.

Ar to mēs esam nonākuši mūsu raksta beigās. Es ceru, ka jūs sapratāt JavaScript objektus un dažādas metodes to definēšanai.

Tagad, kad jūs zināt par JavaScript objektiem, pārbaudiet autore Edureka. Tīmekļa attīstības sertifikācijas apmācība palīdzēs jums uzzināt, kā izveidot iespaidīgas vietnes, izmantojot HTML5, CSS3, Twitter Bootstrap 3, jQuery un Google API, un izvietot to Amazon Simple Storage Service (S3).

Vai mums ir jautājums? Lūdzu, pieminējiet to komentāru sadaļā “JavaScript Object”, un mēs ar jums sazināsimies.