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

JS Учебник

JS Главная JS Введение JS Установка JS Вывод JS Синтаксис JS Заявления JS Комментарии JS Переменные JS Операторы JS Арифметика JS Присваивания JS Типы данных JS Функции JS Объекты JS Область JS События JS Строки JS Методы строк JS Числа JS Методы чисел JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Даты JS Формат даты JS Метод получения дат JS Методы набора... JS Математические... JS Случайные числа JS Булевы JS Сравнение... JS Заявления if...else JS Заявление switch JS Цикл for JS Цикл while JS Заявление break... JS Преобразование... JS Битовые... JS Регулярные выражения JS Ошибки JS Отладчик JS Подъемный JS Строгий JS Ключевое слово this JS Руководство стиля JS Практика JS Распространенные ошибки JS Эффективность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS JSON

JS Формы

JS Формы JS Формы API

JS Объекты

Определение объекта Свойства объекта Методы объекта Доступ к объекту Конструкторы объекта Прототипы объекта Объект ECMAScript 5

JS Функции

Определение функции Параметры функции Вызов Функции Вызвать Функцию Применение функции Закрытие Функции

JS HTML DOM

DOM Введение DOM Методы DOM Документы DOM Элементы DOM HTML DOM CSS DOM Анимация DOM События DOM Слушатель события DOM Навигация DOM Узлы DOM Коллекции DOM Список узлов

JS Браузера BOM

JS Окно JS Экран JS Местоположение JS История JS Навигатор JS Всплывающее окна JS Синхронизация JS Cookies

JS AJAX

AJAX Введение AJAX XMLHttp AJAX Запрос AJAX Ответ AJAX XML Файл AJAX PHP AJAX ASP AJAX База данных AJAX Приложения AJAX Примеры

JS JSON




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();

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