Всичко, което трябва да знаете за JavaScript обектите



Този блог на JavaScript Object ще предостави задълбочени познания за различни методи за дефиниране и създаване на нови обекти в javascript с примери.

е обектно-ориентиран език за програмиране. Обектите образуват градивните елементи, които се считат за най-важния тип данниза езика за програмиране. Тази статия ще предостави задълбочени познания за JavaScript обектите, как те се създават и дефинират в следната последователност:

JavaScript обект

обектите са подобни на обектите в реалния живот, който се състои от различни атрибути и свойства. Тези обекти са дефинирани като неподредена колекция от свързани данни, които са от примитивни или референтни типове. Те са дефинирани под формата на двойки „ключ: стойност“.





JavaScript - javascript обект - Edureka

Тези ключове са променливи или функции които се наричат ​​като свойства и методи на обект. Можете да създадете JavaScript обект като:



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

Как да създам нов обект?

Има 3 начина за създаване на нов обект:

  • По обект буквално

Синтаксис:

обект = {свойство1: стойност1, свойство2: стойност2 ..... свойствоN: стойностN}

Пример:



worker = {id: 700, name: 'Evan', pay: 30000} document.write (worker.id + '' + worker.name + '' + worker.salary)

Изход:

700 Еван 30000
  • Чрез създаване на екземпляр на Object

Синтаксис:

var objectname = нов обект ()

Пример:

var emp = нов обект () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

Изход:

701 Каран 40000
  • Чрез използване на конструктор на обекти

Създава се функция с аргументи. Всяка стойност на аргумент може да бъде присвоена в текущия обект чрез това ключова дума.

Пример:

функция служител (идентификатор, име, заплата) {this.id = id this.name = име this.salary = заплата} emp = нов служител (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)

Изход:

702 Неха 35000

Имоти

ДА СЕ Имот на обект е a променлива който е прикрепен към обекта. По същество те са същите като променливите на JavaScript, с изключение на прикачения файл към обекти.

Свойствата на обекта определят характеристиките на обекта. Можете да получите достъп до свойствата на обект с проста точка-нотация, като например:

objectName.propertyName

Можете да определите свойство, като му присвоите стойност. Например, нека създадем обект с име Кола и му придават свойства като компания, модел , и цвят . Може да се определи като:

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

Методи

ДА СЕ метод е функция свързани с обект. Също така е свойство на обект. Методите се определят като нормални функции, но те трябва да бъдат назначени като Имот на обект.

Обектният метод може да бъде достъпен като:

objectName.methodName ()

Пример:

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

Изход:

Теса Ден

Някои от често използваните вградени методи са:

Методи Описание
Object.assign () Използва се за копиране на изброени и собствени свойства от обект източник в обект обект
Object.create () Използва се за създаване на нов обект с посочения прототип на обект и свойства
Object.defineProperty () Използва се за дефиниране на поведенчески атрибути на свойството
Object.entries () Той връща масив с двойките ключ и стойност
Object.freeze () Той предотвратява премахването на съществуващите свойства

Аксесоари

JavaScript Accessors се състоят от Гетери и Сетери които се използват за дефиниране на обектните достъпници.

  • Вземете ключова дума

Да вземем пример и да видим как Гетери са свикнали вземете всяка стойност на имота:

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

Изход:

401
  • Ключовата дума Set

Да вземем пример и да видим как Сетери са свикнали комплект всяка стойност на имота:

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

Изход:

401

Прототипи

Всички JavaScript обекти наследяват свойства и методи от прототип. Например:

  • Дата обектите наследяват от Дата.прототип
  • Масив обектите наследяват от Array.prototype
  • Личност обектите наследяват от Човек.прототип

JavaScript прототип свойството се използва за добавяне на нови свойства към конструкторите на обекти.

Пример:

функция Person (first, last, id, age) {this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

Свойството прототип също ви позволява да добавяте нови методи към конструктори на обекти.

Пример:

функция Person (first, last, id, age) {// Добавяне на методи към конструктори this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Можете да модифицирате собствените си прототипи, но никога да не модифицирате прототипите на стандартни JavaScript обекти.

С това стигнахме до края на нашата статия. Надявам се, че сте разбрали JavaScript обектите и различните методи за тяхното дефиниране.

как да създам динамичен масив в java -

След като вече знаете за JavaScript обектите, разгледайте от Edureka. Обучението за сертифициране на уеб разработки ще ви помогне да научите как да създавате впечатляващи уебсайтове с помощта на HTML5, CSS3, Twitter Bootstrap 3, jQuery и Google API и да го разположите в Amazon Simple Storage Service (S3).

Имате въпрос към нас? Моля, споменете го в раздела за коментари на „Обект на JavaScript“ и ние ще се свържем с вас.