Объекты JavaScript

Что такое пользовательские объекты в JavaScript?

Урок №9
Объекты в языке JavaScript
Пользовательские объекты в языке JavaScript

Объект в JavaScript — это составной тип данных, который может хранить в себе числа, строки, булев тип данных и т.д. Также объекты могут хранить в себе функции и другие объекты.

Объект в JavaScript создаётся с помощью литерала объекта { }

Схема создания объекта:

var имяОбъекта;
имяОбъекта = { };

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

Для того, чтобы заполнить объект данными, нужно между фигурными скобками, через запятую, разместить элементы объекта.

var имяОбъекта;
имяОбъекта = {
 ключ: значение,
 ключ: значение,
 ключ: значение
};

Между фигурными скобками помещают элементы объекта, каждый элемент объекта делится на две части ключ и значение, разделённое двоеточием :. Сами элементы объекта разделены друг от друга запятыми. После закрывающей фигурной скобки, нужно поставить точку с запятой.

ключ: значение — это элемент объекта.
ключ — это имя переменной,
значение — это значение переменной.

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

Давайте создадим например объект cartman и добавим в него элементы (Картман это персонаж из культового мультсериала «Южный Парк», а элементы в данном случае, будут характеристиками данного персонажа):

var cartman;
cartman = {
 gender: "мальчик",
 age: 10,
 physique: "толстый",
 character: "капризный",
 married: false,
 respect: function() {
  alert("Уважай, мою власть!!!");
 },
};

Создали объект cartman. Объект состоит из 6 элементов.

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

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

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

В нашем примере в объекте cartman присутствует 5 свойств и 1 метод respect

Получаем доступ к элементам объекта

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

имяОбъекта.имяКлюча

Получаем доступ к возрасту Картмана:

cartman.age;

Выводим возраст Картмана в окошке, с помощью функции alert()

alert(cartman.age);

Получаем доступ к методу respect, объекта cartman:

cartman.respect();

Так как метод это функция, то в конце имени ключа нужно ставить скобки ()

В итоге, наш скрипт должен выглядеть следующим образом:

var cartman;
cartman = {
 gender: "мальчик",
 age: 10,
 physique: "толстый",
 character: "капризный",
 married: false,
 respect: function() {
  alert("Уважай, мою власть!!!");
 },
};
alert(cartman.age);
cartman.respect();

Смотреть результат работы скрипта.

Читать далее: Заключение учебника по JavaScript


Дата публикации поста: 5 февраля 2016
Дата обновления поста: 16 октября 2014
Бесплатный хостинг от компании Бегет, для начинающих: beget.com/ru/hosting/free

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *