Všetko, čo potrebujete vedieť o objektoch JavaScript



Tento blog o objekte JavaScript poskytne podrobné informácie o rôznych metódach definovania a vytvárania nových objektov v jazyku JavaScript s príkladmi.

je objektovo orientovaný programovací jazyk. Objekty tvoria stavebné bloky, ktoré sa považujú za najdôležitejší dátový typpre programovací jazyk. Tento článok poskytne podrobné informácie o objektoch JavaScript, ako sú vytvárané a definované v nasledujúcom poradí:

Objekt JavaScript

objekty sú podobné objektom v reálnom živote, ktoré pozostávajú z rôznych atribútov a vlastností. Tieto objekty sú definované ako neusporiadaná zbierka súvisiacich údajov, ktoré sú primitívneho alebo referenčného typu. Sú definované vo forme dvojíc „kľúč: hodnota“.





JavaScript - objekt javascript - Edureka

Tieto kľúče sú premenné alebo funkcie ktoré sa nazývajú ako vlastnosti a metódy objektu. Objekt JavaScript môžete vytvoriť ako:



nechajte ObjectName = {Property1: 'Value', Property2: 'Value', ... ...}

Ako vytvoriť nový objekt?

Existujú 3 spôsoby, ako vytvoriť nový objekt:

  • Podľa objektu doslovného

Syntax:

object = {property1: value1, property2: value2 ..... propertyN: valueN}

Príklad:



zamestnanec = {id: 700, meno: 'Evan', plat: 30000} document.write (employee.id + '' + employee.name + '' + employee.salary)

Výkon:

700 Evan 30000
  • Vytvorením inštancie Object

Syntax:

var názov objektu = nový objekt ()

Príklad:

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

Výkon:

701 Karan 40000
  • Použitím konštruktora objektov

Vytvorí sa funkcia s argumentmi. Každú hodnotu argumentu je možné priradiť k aktuálnemu objektu pomocou toto kľúčové slovo.

ako robiť právomoci v Jave

Príklad:

funkcia zamestnanec (id, meno, plat) {this.id = id this.name = meno this.salary = plat} emp = nový zamestnanec (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp. plat)

Výkon:

702 Neha 35000

Vlastnosti

TO nehnuteľnosť objektu je a premenná ktorá je pripevnená k predmetu. V zásade sú rovnaké ako premenné kódu JavaScript, s výnimkou prílohy k objektom.

Vlastnosti objektu definujú vlastnosti objektu. K vlastnostiam objektu môžete získať jednoduchý bodkový zápis, ako napríklad:

objectName.propertyName

Vlastnosť môžete definovať tak, že jej priradíte hodnotu. Vytvorme si napríklad objekt s názvom Auto a dať mu vlastnosti ako spoločnosť, model a farba . Môže byť definovaný ako:

var Auto = nový objekt () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Červená'

Metódy

TO metóda je a funkcia spojené s objektom. Je to tiež vlastnosť objektu. Metódy sú definované ako bežné funkcie, ale musia byť priradené ako nehnuteľnosť predmetu.

K metóde objektu je možné pristupovať ako:

objectName.methodName ()

Príklad:

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

Výkon:

Tessa Den

Niektoré z bežne používaných zabudovaných metód sú:

Metódy Popis
Object.assign () Používa sa na kopírovanie vymenovateľných a vlastných vlastností zo zdrojového objektu do cieľového objektu
Object.create () Používa sa na vytvorenie nového objektu so zadaným prototypovým objektom a vlastnosťami
Object.defineProperty () Používa sa na definovanie behaviorálnych atribútov vlastnosti
Object.entries () Vracia sa pole s pármi kľúč a hodnota
Object.freeze () Zabraňuje odstráneniu existujúcich vlastností

Prispôsobitelia

Prístupové prvky JavaScriptu pozostávajú z Getters a Stavitelia ktoré sa používajú na definovanie prístupových objektov.

  • Získajte kľúčové slovo

Uveďme si príklad a uvidíme ako Getters sú zvyknutí dostať akákoľvek hodnota nehnuteľnosti:

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

Výkon:

401
  • Nastavené kľúčové slovo

Uveďme si príklad a uvidíme, ako na to Stavitelia sú zvyknutí nastaviť akákoľvek hodnota nehnuteľnosti:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = person .premávka

Výkon:

401

Prototypy

Všetky objekty JavaScriptu dedia vlastnosti a metódy z prototypu. Napríklad:

  • Dátum predmety dedia z Dátum.prototyp
  • Pole predmety dedia z Pole.prototyp
  • Osoba predmety dedia z Osoba.prototyp

JavaScript prototyp property sa používa na pridanie nových vlastností do konštruktorov objektov.

Príklad:

funkcia Osoba (prvý, posledný, id, vek) {this.firstName = prvý this.lastName = posledný this.empid = id this.age = age} Person.prototype.nationality = 'indický'

Vlastnosť prototypu tiež umožňuje pridávať nové metódy do konštruktorov objektov.

Príklad:

function Person (first, last, id, age) {// Pridávanie metód do konštruktorov this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Môžete upravovať svoje vlastné prototypy, ale nikdy nemodifikovať prototypy štandardných objektov JavaScriptu.

Týmto sme sa dostali na koniec nášho článku. Dúfam, že ste pochopili objekty JavaScript a rôzne spôsoby ich definovania.

Teraz, keď viete o objektoch JavaScript, pozrite sa na od Edureka. Osvedčenie o školení v oblasti vývoja webu vám pomôže Naučte sa, ako vytvárať pôsobivé webové stránky pomocou rozhraní HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a ako ich nasadiť do služby Amazon Simple Storage Service (S3).

Máte na nás otázku? Prosím, uveďte to v sekcii komentárov „Objektu JavaScript“ a my sa vám ozveme.