Kaikki mitä sinun tarvitsee tietää JavaScript-objekteista

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
• Kuinka luoda uusi objekti?
• Ominaisuudet
• Menetelmät
• Lisävarusteet
• Prototyypit

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.

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:

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.