Vše, co potřebujete vědět o objektech JavaScript



Tento blog o objektu JavaScript poskytne podrobné znalosti o různých metodách definování a vytváření nových objektů v JavaScriptu s příklady.

je objektově orientovaný programovací jazyk. Objekty tvoří stavební bloky, které jsou považovány za nejdůležitější datový typpro programovací jazyk. Tento článek poskytne podrobné znalosti o objektech JavaScript, o tom, jak jsou vytvářeny a definovány v následujícím pořadí:

Objekt JavaScript

objekty jsou podobné objektům v reálném životě, které se skládají z různých atributů a vlastností. Tyto objekty jsou definovány jako neuspořádaná kolekce souvisejících dat, která jsou primitivního nebo referenčního typu. Ty jsou definovány ve formě dvojic „klíč: hodnota“.





JavaScript - objekt javascript - Edureka

Tyto klíče jsou proměnné nebo funkce které se nazývají jako vlastnosti a metody objektu. Objekt JavaScript můžete vytvořit jako:



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

Jak vytvořit nový objekt?

Existují 3 způsoby, jak vytvořit nový objekt:

  • Podle Object Literal

Syntax:

objekt = {vlastnost1: hodnota1, vlastnost2: hodnota2 ..... vlastnostN: hodnotaN}

Příklad:



zaměstnanec = {id: 700, jméno: 'Evan', plat: 30000} document.write (employee.id + '' + employee.name + '' + employee.salary)

Výstup:

700 Evan 30000
  • Vytvořením instance Object

Syntax:

var název_objektu = nový objekt ()

Příklad:

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

Výstup:

701 Karan 40000
  • Použitím konstruktoru objektů

Je vytvořena funkce s argumenty. Každou hodnotu argumentu lze přiřadit aktuálnímu objektu pomocí tento klíčové slovo.

java, co je proměnná instance

Příklad:

funkce zaměstnanec (id, jméno, plat) {this.id = id this.name = jméno this.salary = plat} emp = nový zaměstnanec (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp. plat)

Výstup:

702 Neha 35000

Vlastnosti

NA vlastnictví objektu je a proměnná který je připojen k objektu. Jsou v zásadě stejné jako proměnné JavaScriptu, s výjimkou přílohy k objektům.

Vlastnosti objektu definují vlastnosti objektu. K vlastnostem objektu můžete přistupovat pomocí jednoduchého tečkového zápisu, například:

objectName.propertyName

Vlastnost můžete definovat přiřazením hodnoty. Například vytvořme objekt s názvem Auto a dát mu vlastnosti jako společnost, model , a barva . Lze jej definovat jako:

var Car = new Object () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

Metody

NA metoda je funkce spojené s objektem. Je to také vlastnost objektu. Metody jsou definovány jako normální funkce, ale musí být přiřazeny jako vlastnictví objektu.

K metodě objektu lze přistupovat jako:

objectName.methodName ()

Příklad:

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

Výstup:

Tessa Den

Některé z běžně používaných vestavěných metod jsou:

Metody Popis
Object.assign () Používá se ke kopírování vyčíslitelných a vlastních vlastností ze zdrojového objektu do cílového objektu
Object.create () Používá se k vytvoření nového objektu se zadaným prototypovým objektem a vlastnostmi
Object.defineProperty () Používá se k definování atributů chování vlastnosti
Object.entries () Vrací pole s páry klíč a hodnota
Object.freeze () Zabraňuje odebrání stávajících vlastností

Přistupující osoby

Přístupové prvky JavaScriptu se skládají z Getters a Stavitelé které se používají k definování přístupových objektů.

  • Získat klíčové slovo

Uveďme si příklad a uvidíme jak Getters jsou zvyklí dostat jakákoli hodnota nemovitosti:

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

Výstup:

401
  • Nastavené klíčové slovo

Uveďme si příklad a uvidíme jak Stavitelé jsou zvyklí soubor jakákoli hodnota nemovitosti:

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

Výstup:

401

Prototypy

Všechny objekty JavaScriptu dědí vlastnosti a metody z prototypu. Například:

  • datum objekty dědí z Datum. Prototyp
  • Pole objekty dědí z Pole. Prototyp
  • Osoba objekty dědí z Osoba. Prototyp

JavaScript prototyp vlastnost se používá k přidání nových vlastností do konstruktorů objektů.

Příklad:

funkce Osoba (první, poslední, id, věk) {this.firstName = první this.lastName = poslední this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

Vlastnost prototypu také umožňuje přidávat nové metody do konstruktorů objektů.

Příklad:

function Person (first, last, id, age) {// Přidání metod do konstruktorů this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Můžete upravit své vlastní prototypy, ale nikdy nemodifikujete prototypy standardních objektů JavaScriptu.

Tím jsme se dostali na konec našeho článku. Doufám, že jste pochopili objekty JavaScript a různé metody jejich definování.

Nyní, když víte o objektech JavaScript, podívejte se na podle Edureka. Osvědčení o školení pro vývoj webových aplikací vám pomůže Naučte se, jak vytvářet působivé webové stránky pomocí HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a jak je nasadit do služby Amazon Simple Storage Service (S3).

Máte na nás dotaz? Uveďte to prosím v sekci komentářů „Objektu JavaScript“ a my se vám ozveme.