Объект - это набор свойств (переменных, других объектов и функций), а свойство - это комбинация имени (как ключа) и значения. Значение свойства может быть функцией, в этом случае конкретное свойство вызывается как метод. Вышеупомянутые возможности сделали JS парадигмой объектно-ориентированного программирования.

Как и другие языки объектно-ориентированного программирования, его можно объяснить с помощью реальных материальных объектов в JavaScript.

Объекты - это переменные:

Переменные JavaScript могут содержать отдельные значения, вы можете создать свою собственную переменную и присвоить ей значение, которое будет работать как объект.

var person = "John Doe";

Однако объекты могут содержать несколько переменных. Переменные записываются как пара имя: значение.

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50
};

Объект JavaScript - это набор пар имени и значения.

Пара имени объекта и значения похожа на -

  • Ассоциативные массивы в PHP
  • Словари на Python
  • Хеш-таблицы в C

Методы объекта:

Метод объекта - это свойство, которое содержит определение функции в качестве значения.

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,fullName : function(){
            return this.firstName + this.lastName
   }
};

Доступ к свойствам:

Есть два способа получить доступ к свойствам

  1. Использование точечной записи

2. Использование скобок

Использование точечной записи

Вы получаете доступ к свойствам объекта с помощью простой записи через точку.

Синтекс: objectName.propertyName

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,fullName : function(){
            return this.firstName + this.lastName
   }
};

person.firstName // John

Чтобы присвоить значение свойству

person.firstName = "Kery";

Использование обозначения []

Вы получаете доступ к свойствам объекта с помощью простой записи через точку.

Синтекс: objectName['propertyName']

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,fullName : function(){
            return this.firstName + this.lastName
   }
};
person['firstName'] // John
person['firstName'] = "Kery";