Последние учебники веб-разработки
×

JS Руководство

JS ГЛАВНАЯ JS Введение JS Куда JS Вывод JS Синтаксис JS Заявления JS Комментарии JS переменные JS операторы JS арифметика JS присваивание JS Типы данных JS функции JS Объекты JS Объем JS Мероприятия JS Строки JS Методы струнных JS чисел JS Методы Number JS математический JS Даты JS Форматы даты JS Методы Дата JS Массивы JS Методы массивов JS Booleans JS Сравнения JS условия JS переключатель JS петля For JS В то время как Loop JS Ломать JS Тип преобразования JS RegExp JS ошибки JS отладка JS Подъемно JS Строгий режим JS Гид по стилю JS Лучшие практики JS Ошибки JS Представление JS Зарезервированные слова JS JSON

JS формы

Формы проверки Формы API

JS объект

Определения объектов Свойства объекта Методы объекта Прототипы объектов

JS функции

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

JS HTML DOM

DOM вступление DOM методы DOM Документ DOM элементы DOM HTML DOM CSS DOM Анимации DOM Мероприятия DOM EventListener DOM навигация DOM Вершины DOM Nodelist

JS браузер BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Примеры

JS Примеры JS HTML DOM JS HTML вход JS HTML Объекты JS HTML Мероприятия JS браузер JS викторина JS Резюме

JS Рекомендации

JavaScript Объекты HTML DOM Объекты


 

JavaScript Объекты


Real Life объекты, свойства и методы

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

Автомобиль имеет такие свойства , как вес и цвет, а также такие методы , как запускать и останавливать:

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

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

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

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


Объекты JavaScript

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

Этот код присваивает простое значение (Fiat) в переменной с именем автомобиля:

var car = "Fiat";
Попробуй сам "

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

Этот код присваивает много значений (Fiat, 500, white) в переменную с именем автомобиля:

var car = {type:"Fiat", model:"500", color:"white"};
Попробуй сам "

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

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


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

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

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

Имущество Стоимость имущества
firstName John
lastName Doe
age 50
eyeColor blue

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

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

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

Имущество Стоимость имущества
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

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


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

Необходимо определить (и создать) объект JavaScript с объектом буквального:

пример

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Попробуй сам "

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

пример

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};
Попробуй сам "

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

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

objectName.propertyName

или

objectName["propertyName"]

Пример1

person.lastName;
Попробуй сам "

Example2

person["lastName"];
Попробуй сам "

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

Вы получаете доступ метод объекта со следующим синтаксисом:

objectName.methodName()

пример

name = person.fullName();
Попробуй сам "

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

пример

name = person.fullName;
Попробуй сам "

Не объявляйте строки, числа и булевы как объекты!

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

var x = new String();        // Declares x as a String object
var y = new Number();        // Declares y as a Number object
var z = new Boolean();       // Declares z as a Boolean object

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

Вы узнаете больше об объектах позже в этом руководстве.


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

Упражнение 1 » Упражнение 2» Упражнение 3 »