САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ

JavaScript Объеты



Реальные объекты, свойства и методы

В реальной жизни, автомобиль - это объект.

Его свойства car, weight и color, методы start и stop:

Объект Свойства Методы

car.name = Фиат

car.model = 500

car.weight = 850кг

car.color = белый

car.start()

car.drive()

car.brake()

car.stop()

Все автомобили имеют одинаковые свойства, но значения свойств отличаются.

Все автомобили имеют одинаковые методы, но методы, выполняются в разное время.


JavaScript объекты

Вы уже знаете, что в JavaScript переменные являются контейнерами для данных значений.

Код присваивает простое значение Фиат к переменной car:

var car = "Фиат";
Редактор кода »

Объекты действительно переменные. Но объекты могут содержать много значений.

Код присваивает несколько значений (Фиат, 500, белый) к переменной car:

var car = {type:"Фиат", model:"500", color:"белый"};
Редактор кода »

Значения записываются парами, имя:значение (разделенные двоеточием).

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


Свойства объекта

Пара имя:значения (в JavaScript объект) вызывает свойства.

var person = {firstName:"Андрей", lastName:"Щипунов", age:49, eyeColor:"зеленый"};
Свойства Значения
firstName Андрей
lastName Щипунов
age 49
eyeColor зеленый

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

Методы являются действием, которые могут быть выполнены на объектах.

Методы хранятся в свойствах, как определения функций.

Свойства Значения
firstName Андрей
lastName Щипунов
age 49
eyeColor зеленый
fullName function() {return this.firstName + " " + this.lastName;}

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


Определение объекта

Определить (создать) JavaScript объект с помощью объекта литерала:

Пример

var person = {firstName:"Андрей", lastName:"Щипунов", age:49, eyeColor:"зеленый"};
Редактор кода »

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

Пример

var person = {
    firstName:"Андрей",
    lastName:"Щипунов",
    age:49,
    eyeColor:"зеленый"
};
Редактор кода »

Доступ к свойствам объекта

Доступ к свойствам объекта можно получить двумя способами:

объектИмя.свойствоИмя

или

объектИмя["свойствоИмя"]

Пример1

person.lastName;
Редактор кода »

Пример2

person["lastName"];
Редактор кода »

Доступ к методам объектов

Доступ к методу объекта осуществляется с помощью следующего синтаксиса:

объектИмя.методИмя()

Пример

name = person.fullName();
Редактор кода »

Если вы открыли метод fullName без (), он вернет определение функции:

Пример

name = person.fullName;
Редактор кода »

Метод фактически является определением функции, хранящимся в качестве значения свойства.


Не объявлять строки, цифры и булевы как объекты!

Когда переменная в JavaScript объявляются с помощью ключевого слова "new", переменная создается как объект:

var x = new String();        // Объявляет x как объект String
var y = new Number();        // Объявляет y как объект Number
var z = new Boolean();       // Объявляет z как объект Boolean

Избегайте объекты String, Number и Boolean. Они усложняют код и замедляют выполнение.

Более подробно об объектах вы узнаете далее в этом учебнике.


Проверьте себя с помощью упражнений!

Упражнение:

Открыть уведомление в окне предупреждения "Андрей", путем извлечения информации из объекта person.

var person = {
  firstName: "Андрей",
  lastName: "Щипунов"
};

alert();

Начните упражнения