Mindössze annyit kell tudni a JavaScript objektumokról



Ez a JavaScript Object blog részletes ismereteket nyújt a különböző módszerekről az új objektumok meghatározására és létrehozására a javascriptben példákkal.

egy objektum-orientált programozási nyelv. Az objektumok alkotják az építőelemeket, amelyeket a legfontosabb adattípusnak tekinteneka programozási nyelv számára. Ez a cikk részletes ismereteket nyújt a JavaScript-objektumokról, azok létrehozásáról és meghatározásáról a következő sorrendben:

JavaScript objektum

az objektumok hasonlítanak a való élet tárgyaira, amelyek különböző tulajdonságokból és tulajdonságokból állnak. Ezeket az objektumokat a kapcsolódó adatok rendezetlen gyűjteményeként definiálják, amelyek primitívek vagy referencia típusúak. Ezeket a „kulcs: érték” párok formájában határozzuk meg.





JavaScript - javascript objektum - Edureka

Ezek a kulcsok változók vagy funkciókat amelyeket egy objektum tulajdonságainak és módszereinek nevezünk. Létrehozhat egy JavaScript objektumot:



let ObjectName = {Tulajdon1: 'Érték', Tulajdonság2: 'Érték', ... ...}

Hogyan hozzunk létre új objektumot?

Három módon lehet új objektumot létrehozni:

  • By Object Literal

Szintaxis:

object = {tulajdonság1: érték1, tulajdonság2: érték2 ..... tulajdonságN: értékN}

Példa:



alkalmazott = {id: 700, név: 'Evan', fizetés: 30000} document.write (alkalmazott.id + '' + alkalmazott.név + '' + alkalmazott.fizetés)

Kimenet:

700 Evan 30000
  • Az objektum példányának létrehozásával

Szintaxis:

var objectname = új objektum ()

Példa:

var emp = új objektum () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

Kimenet:

701 Karan 40000
  • Objektumkészítő használatával

Egy függvény argumentumokkal jön létre. Minden argumentumérték hozzárendelhető az aktuális objektumhoz a használatával ez kulcsszó.

Példa:

függvény alkalmazott (id, név, fizetés) {this.id = id this.name = név this.salary = fizetés} emp = új alkalmazott (702, 'Neha', 35000) document.write (emp.id + '' + emp . név + '' + em.alga)

Kimenet:

702 Neha 35000

Tulajdonságok

NAK NEK ingatlan egy tárgy egy változó hogy az objektumhoz van kötve. Alapvetően megegyeznek a JavaScript-változókkal, kivéve az objektumokhoz való csatolást.

Az objektum tulajdonságai meghatározzák az objektum jellemzőit. Az objektum tulajdonságait egy egyszerű dot-jelöléssel érheti el, például:

objectName.propertyName

Meghatározhat egy tulajdonságot érték hozzáadásával. Hozzunk létre például egy nevű objektumot Autó és olyan tulajdonságokat adjon neki, mint cég, modell , és szín . Meghatározható:

var Car = új objektum () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

Mód

NAK NEK módszer egy funkció egy tárgyhoz társítva. Ez egy tárgy tulajdonsága is. A módszereket normál függvényként definiálják, de ezeket metódusként kell meghatározni ingatlan egy tárgy.

Az objektum metódus a következőképpen érhető el:

objectName.methodName ()

Példa:

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

Kimenet:

Tessa Den

Néhány gyakran használt beépített módszer a következő:

Mód Leírás
Objektum hozzárendelése () Számtalan és saját tulajdonság másolására szolgál egy forrásobjektumból egy célobjektumba
Object.create () Új objektum létrehozására szolgál a megadott prototípus objektummal és tulajdonságokkal
Object.defineProperty () A tulajdonság viselkedési jellemzőinek meghatározására szolgál
Object.entries () Visszaad egy sor a kulcs és érték párokkal
Object.freeze () Megakadályozza a meglévő tulajdonságok eltávolítását

Hozzáférők

A JavaScript Accessors áll Getters és Setters amelyek az objektum-hozzáférők meghatározására szolgálnak.

  • A kulcsszó beolvasása

Vegyünk egy példát, és nézzük meg, hogyan Getters arra használják, hogy kap az ingatlan bármely értéke:

var person = {keresztnév: 'Daisy', vezetéknév: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). internalHTML = person.id

Kimenet:

401
  • A Beállított kulcsszó

Vegyünk egy példát, és nézzük meg, hogyan Setters arra használják, hogy készlet az ingatlan bármely értéke:

var person = {keresztnév: 'százszorszép', vezetéknév: 'zöld', empid: 00, set id (érték) {this.empid = value}} person.id = 401 document.getElementById ('demo'). belsőHTML = személy .empid

Kimenet:

401

Prototípusok

Minden JavaScript-objektum tulajdonságokat és módszereket örököl egy prototípustól. Például:

  • Dátum tárgyak öröklik Dátum.prototípus
  • Sor tárgyak öröklik Tömb.prototípus
  • Személy tárgyak öröklik Személy.prototípus

A JavaScript prototípus tulajdonság arra szolgál, hogy új tulajdonságokat adjon az objektumkészítőkhöz.

Példa:

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

A prototípus tulajdonság lehetővé teszi új módszerek hozzáadását az objektumkészítőkhöz.

Példa:

function Person (first, last, id, age) {// Metódusok hozzáadása a konstruktorokhoz this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Módosíthatja saját prototípusait, de soha nem módosíthatja a szokásos JavaScript objektumok prototípusait.

Ezzel a cikkünk végére értünk. Remélem, megértette a JavaScript-objektumokat és a különböző módszereket azok meghatározásához.

mi az adattudomány?

Most, hogy tud a JavaScript objektumokról, nézze meg a írta Edureka. A webfejlesztési tanúsítási képzés segít megtanulni, hogyan hozhat létre lenyűgöző weboldalakat HTML5, CSS3, Twitter Bootstrap 3, jQuery és Google API-k segítségével, és telepítheti az Amazon Simple Storage Service (S3) szolgáltatásba.

Van egy kérdésünk? Kérjük, említse meg a „JavaScript Object” megjegyzés rovatában, és mi kapcsolatba lépünk Önnel.