Viskas, ką reikia žinoti apie „JavaScript“ objektus

Šis „JavaScript Object“ tinklaraštis suteiks išsamių žinių apie įvairius metodus, kaip apibrėžti ir kurti naujus „JavaScript“ objektus su pavyzdžiais.

yra į objektą orientuota programavimo kalba. Objektai sudaro statybinius elementus, kurie laikomi svarbiausiu duomenų tipuprogramavimo kalbai. Šis straipsnis suteiks išsamių žinių apie „JavaScript“ objektus, kaip jie kuriami ir apibrėžiami tokia seka:

„JavaScript“ objektas

daiktai yra panašūs į daiktus realiame gyvenime, kurį sudaro skirtingi atributai ir savybės. Šie objektai apibrėžiami kaip nesutvarkytas susijusių duomenų rinkimas, kurie yra primityvūs arba nuorodų tipai. Jie apibrėžiami porų „raktas: vertė“ forma.



„JavaScript“ - „javascript“ objektas - „Edureka“

Šie raktai yra kintamieji arba funkcijos kurie vadinami objekto savybėmis ir metodais. „JavaScript“ objektą galite sukurti kaip:

tegul ObjectName = {Nuosavybė1: 'Vertė', Nuosavybė2: 'Vertė', ... ...}

Kaip sukurti naują objektą?

Yra 3 būdai sukurti naują objektą:

  • Pagal Object Literal

Sintaksė:

objektas = {ypatybė1: vertė1, savybė2: vertė2 ..... ypatybėN: vertėN}

Pavyzdys:

darbuotojas = {id: 700, vardas: 'Evan', atlyginimas: 30000} document.write (darbuotojo id + '' + darbuotojo vardas + '' + darbuotojo atlyginimas)

Išvestis:

700 Evanas 30000
  • Sukurdami objekto egzempliorių

Sintaksė:

var objectname = naujas objektas ()

Pavyzdys:

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

Išvestis:

701 Karanas 40000
  • Naudojant objekto konstruktorių

Su argumentais sukuriama funkcija. Kiekvieną argumento reikšmę dabartiniame objekte galima priskirti naudojant tai raktinis žodis.

Pavyzdys:

funkcijos darbuotojas (ID, vardas, atlyginimas) {this.id = id this.name = vardas this.salary = alga} emp = naujas darbuotojas (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.alga)

Išvestis:

702 „Neha 35000“

Savybės

Į nuosavybė objekto yra a kintamasis kad yra pritvirtinta prie objekto. Jie iš esmės yra tokie patys kaip „JavaScript“ kintamieji, išskyrus priedą prie objektų.

eikite į c ++

Objekto savybės apibrėžia objekto savybes. Galite pasiekti objekto ypatybes naudodami paprastą taškų žymėjimą, pvz .:

objectName.propertyName

Nuosavybę galite apibrėžti priskirdami jai vertę. Pavyzdžiui, sukurkime objektą pavadinimu Automobilis ir suteikti jam tokių savybių kaip įmonė, modelis ir spalva . Tai galima apibrėžti taip:

var Car = naujas objektas () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

Metodai

Į metodas yra funkcija susietas su daiktu. Tai taip pat yra objekto savybė. Metodai apibrėžiami kaip įprastos funkcijos, tačiau jie turi būti priskirti kaip nuosavybė objekto.

Objekto metodą galima pasiekti kaip:

objectName.methodName ()

Pavyzdys:

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

Išvestis:

Tessa Den

Kai kurie dažniausiai naudojami įmontuoti metodai yra šie:

Metodai apibūdinimas
Object.assign () Jis naudojamas nesuskaičiuojamoms ir nuosavybės ypatybėms nukopijuoti iš šaltinio objekto į tikslinį objektą
Object.create () Jis naudojamas kuriant naują objektą su nurodytu objekto prototipu ir savybėmis
Object.defineProperty () Jis naudojamas apibrėžiant elgesio ypatumus nuosavybei
Object.entries () Tai grąžina masyvas su raktų ir reikšmių poromis
Object.freeze () Tai apsaugo nuo esamų savybių pašalinimo

Prieigos

„JavaScript Accessors“ sudaro Getters ir Seteriai kurie naudojami objekto prieigoms apibrėžti.

  • Gauti raktinį žodį

Paimkime pavyzdį ir pažiūrėkime, kaip Getters yra įpratę gauti bet kokia turto vertė:

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

Išvestis:

401
  • Nustatyti raktinį žodį

Paimkime pavyzdį ir pažiūrėkime, kaip Seteriai yra įpratę rinkinys bet kokia turto vertė:

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

Išvestis:

401

Prototipai

Visi „JavaScript“ objektai paveldi savybes ir metodus iš prototipo. Pavyzdžiui:

  • Data daiktai paveldi iš Data.prototipas
  • Masyvas daiktai paveldi iš Masyvas.prototipas
  • Asmuo daiktai paveldi iš Asmuo.prototipas

„JavaScript“ prototipas ypatybė naudojama objektų konstruktoriams pridėti naujų ypatybių.

Pavyzdys:

funkcija Asmuo (pirmas, paskutinis, id, amžius) {this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

Prototipo ypatybė taip pat leidžia pridėti naujų metodų prie objektų konstruktorių.

Pavyzdys:

funkcija Asmuo (pirmas, paskutinis, id, amžius) {// Metodų pridėjimas prie konstruktorių this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Galite modifikuoti savo prototipus, tačiau niekada nekeiskite standartinių „JavaScript“ objektų prototipų.

Tuo mes pasiekėme savo straipsnio pabaigą. Tikiuosi, kad supratote „JavaScript“ objektus ir skirtingus metodus jiems apibrėžti.

Dabar, kai žinote apie „JavaScript“ objektus, patikrinkite pateikė Edureka. Žiniatinklio kūrimo sertifikavimo mokymai padės jums sužinoti, kaip sukurti įspūdingas svetaines naudojant HTML5, CSS3, „Twitter Bootstrap 3“, „jQuery“ ir „Google“ API ir pritaikyti ją „Amazon Simple Storage Service“ (S3).

Turite mums klausimą? Prašau paminėti tai „JavaScript Object“ komentarų skyriuje ir mes su jumis susisieksime.