Читать учебники:
HTML, CSS, JavaScript, DOM
PHP, MySQL, Apache, WordPress
Photoshop, Веб-дизайн, Flat
SEO, SMM, Landing Page

Объекты 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

Вам понравились уроки? Поддержите проект "Учебники для вебмастера"!
Можете отправить с карточки, мобильного телефона или яндекс.кошелька.
Минимальная сумма перевода 30 руб.

Категория: Статья
Статья создана: 16 Окт 2014
Статья обновлена: 5 Фев 2016

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

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

gabdrahimov.ru - сайт для веб-разработчиков
(c) При использовании материалов, ссылка на сайт обязательна
Автор: Габдрахимов Дамир Google
e-mail: gabdr0[at]ya.ru
разработка сайта - gabdr0
бесплатный PHP хостинг (без рекламы!) - Beget