Kaikki mitä sinun tarvitsee tietää JavaScript-objekteista



Tämä JavaScript Object -blogi tarjoaa syvällistä tietoa erilaisista menetelmistä uusien objektien määrittelemiseksi ja luomiseksi javascriptiin esimerkkien avulla.

on olio-ohjelmointikieli. Kohteet muodostavat rakennuspalikat, joita pidetään tärkeimpänä tietotyyppinäohjelmointikielelle. Tämä artikkeli antaa syvällistä tietoa JavaScript-objekteista, niiden luomisesta ja määrittelemisestä seuraavassa järjestyksessä:

JavaScript-objekti

esineet ovat samanlaisia ​​kuin tosielämän kohteet, jotka koostuvat erilaisista ominaisuuksista ja ominaisuuksista. Nämä objektit määritellään järjestämättömäksi primitiivisten tai viitetyyppisten tietojen kokoelmaksi. Ne määritellään avain: arvo -parien muodossa.





JavaScript - javascript-objekti - Edureka

Nämä avaimet ovat muuttujia tai toimintoja joita kutsutaan kohteen ominaisuuksiksi ja menetelmiksi. Voit luoda JavaScript-objektin nimellä:



anna ObjectName = {Ominaisuus1: 'Arvo', Ominaisuus2: 'Arvo', ... ...}

Kuinka luoda uusi objekti?

Voit luoda uuden objektin kolmella tavalla:

  • By Esine Kirjain

Syntaksi:

object = {ominaisuus1: arvo1, ominaisuus2: arvo2 ..... ominaisuusN: arvoN}

Esimerkki:



työntekijä = {id: 700, nimi: 'Evan', palkka: 30000} document.write (työntekijä.id + + '' + työntekijä.nimi + '' + työntekijä.palkka)

Tuotos:

muuntaa kaksinkertainen kokonaisluvuksi Java
700 Evan 30000
  • Luomalla objektin esiintymä

Syntaksi:

var objektinimi = uusi objekti ()

Esimerkki:

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

Tuotos:

701 Karan 40000
  • Käyttämällä objektinrakentajaa

Funktio luodaan argumenteilla. Jokainen argumentin arvo voidaan määrittää nykyiselle objektille käyttämällä Tämä avainsana.

Esimerkki:

funktion työntekijä (id, nimi, palkka) {this.id = id this.name = nimi this.salary = palkka} emp = uusi työntekijä (702, 'Neha', 35000) document.write (emp.id + '' + emp .nimi + '' + emp.palkka)

Tuotos:

702 Neha 35000

Ominaisuudet

TO omaisuus kohteen on muuttuja joka on kiinnitetty esineeseen. Ne ovat pohjimmiltaan samat kuin JavaScript-muuttujat, lukuun ottamatta objektien liitettä.

Kohteen ominaisuudet määrittelevät kohteen ominaisuudet. Voit käyttää objektin ominaisuuksia yksinkertaisella pistemerkinnällä, kuten:

objectName.propertyName

Voit määrittää ominaisuuden määrittämällä sille arvon. Luodaan esimerkiksi objekti nimeltä Auto ja anna sille ominaisuuksia kuten yritys, malli ja väri . Se voidaan määritellä seuraavasti:

var Auto = uusi esine () Auto.yritys = 'Ford' Automalli = 'Mustang' Auto.väri = 'Punainen'

Menetelmät

TO menetelmä on toiminto liittyy esineeseen. Se on myös kohteen ominaisuus. Menetelmät määritellään normaalitoiminnoiksi, mutta ne on määritettävä menetelmiksi omaisuus kohteen.

Objektimenetelmää voidaan käyttää seuraavasti:

objectName.methodName ()

Esimerkki:

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

Tuotos:

Tessa Den

Joitakin yleisesti käytettyjä sisäänrakennettuja menetelmiä ovat:

Menetelmät Kuvaus
Objektin määritys () Sitä käytetään kopioimaan lukemattomia ja omistettavia ominaisuuksia lähdeobjektista kohdeobjektiin
Object.create () Sitä käytetään uuden objektin luomiseen määritetyllä prototyyppikohteella ja ominaisuuksilla
Object.defineProperty () Sitä käytetään määrittämään ominaisuuden käyttäytymismääritteet
Object.entries () Se palauttaa arvon taulukko avain- ja arvopareilla
Object.freeze () Se estää olemassa olevien ominaisuuksien poistamisen

Lisävarusteet

JavaScript Accessors koostuu Getters ja Setters joita käytetään määrittelemään objektin käyttöoikeudet.

  • Hae avainsana

Otetaan esimerkki ja katsotaan miten Getters ovat tottuneet saada mikä tahansa kiinteistön arvo:

var person = {etunimi: 'Daisy', sukunimi: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). sisäinenHTML = person.id

Tuotos:

401
  • Aseta avainsana

Otetaan esimerkki ja katsotaan miten Setters ovat tottuneet aseta mikä tahansa kiinteistön arvo:

var person = {etunimi: 'Daisy', sukunimi: 'Green', empid: 00, set id (arvo) {this.empid = value}} person.id = 401 document.getElementById ('demo'). sisäinenHTML = henkilö .empid

Tuotos:

401

Prototyypit

Kaikki JavaScript-objektit perivät ominaisuuksia ja menetelmiä prototyypistä. Esimerkiksi:

  • Päivämäärä esineet perivät Päivämäärä. Prototyyppi
  • Taulukko esineet perivät Matriisi. Prototyyppi
  • Henkilö esineet perivät Henkilö. Prototyyppi

JavaScript prototyyppi ominaisuutta käytetään lisäämään uusia ominaisuuksia objektien rakentajiin.

Esimerkki:

funktio Henkilö (ensimmäinen, viimeinen, id, ikä) {this.esinimi = ensin this.lastName = viimeinen this.empid = id this.age = ikä} Person.prototype.nationality = 'intialainen'

Prototyyppiominaisuuden avulla voit myös lisätä uusia menetelmiä esineiden rakentajiin.

Esimerkki:

function Person (first, last, id, age) {// Metodien lisääminen rakentajille this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return tämä.nimi + '' + tämä.sukunimi}

Voit muokata omia prototyyppejä, mutta älä koskaan muokkaa tavallisten JavaScript-objektien prototyyppejä.

Tämän avulla olemme päässeet artikkelimme loppuun. Toivon, että ymmärrät JavaScript-objektit ja erilaiset menetelmät niiden määrittelemiseksi.

Nyt kun tiedät JavaScript-objekteista, tutustu kirjoittanut Edureka. Verkkokehityksen sertifiointikoulutus auttaa sinua oppimaan luomaan vaikuttavia verkkosivustoja HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- ja Google-sovellusliittymien avulla ja asentamaan sen Amazon Simple Storage Service (S3) -palveluun.

Onko sinulla kysymys meille? Mainitse se JavaScript-objektin kommenttiosassa ja palaamme sinuun.