Объекты в JavaScript

1.

Объекты/ Objects
vk.com/js.courses
js.courses.dp.ua/files

2. Объекты / Objects

установить время()
звонить()
пахнуть()
<< Действия()/Методы() >>
почистить()
узнать время()
выжать сок()
циферблат: механика
цвет: оранжевый
вес: 300 грамм
материал: металл
<< Свойства / Аттрибуты >>
параметры
сахар: 15%
форма: шаровидная
сорт: «Дэнси»
2

3. Объекты / Objects

Объект в программировании — некоторая сущность, обладающая определённым
состоянием и поведением, имеющая заданные значения свойств (параметров,
атрибутов) и операций над ними (функций, методов).
3

4. Объекты / Objects

Объект в JavaScript представляет собой ассоциативный массив
(верно и обратное утверждение) содержащий поля (свойства,
элементы, такие себе переменные) с данными, и методы (функции)
их обрабатывающие.
4

5. Объекты / Objects

?!?
Объект в JavaScript представляет собой ассоциативный массив (верно и
обратное утверждение) содержащий поля (свойства, элементы, такие себе
переменные) с данными, и методы (функции) их обрабатывающие.
5

6. Ключевое слово this

Ключевое слово this – ссылка на сам объект. Другими словами this указывает
на тот ассоциативный массив (объект) которому принадлежит функция, в
которой this используется встречается.
6

7. Объекты / Objects

…
Объект может состоять из множества других
объектов. Абстракция. Принцип черного ящика.
7

8. Объекты / Objects

Абстракция. Принцип черного ящика.
8

9. Объекты могут состоять из других объектов

Объекты могут состоять из множества других объектов. Обращаться к ним не
составляет труда. Оператор точка «.» разделяет сложенный объект и объект
«контейнер». Такое разделение называют – цепочкой вызова, длинна такой цепочки
ограничена только тем сколько объектов участвуют в «матрёшке».
9

10. Объекты / Objects

Вложенность объектов позволяет писать простой и
элегантный код.
10

11. Объекты, как и массивы – динамическая структура данных

Объекты / Objects
?!?
Объекты, как и массивы – динамическая структура данных
11

12. Объекты, как и массивы – динамическая структура данных

Объекты / Objects
?!?
Объекты, как и массивы – динамическая структура данных
12

13. object и null

Объекты / Objects
object и null
13

14. object - ссылочная структура данных

Объекты / Objects
?!?
?!?
object - ссылочная структура данных
14

15. object - ссылочная структура данных

Объекты / Objects
ob
name: Ivan,
age: 33,
…
ob2
object - ссылочная структура данных
15

16. Функция-конструктор - позволяет создавать много однотипных объектов.

Конструктор
Функция-конструктор - позволяет создавать много
однотипных объектов.
16

17. Функция-конструктор - позволяет создавать много однотипных объектов. Конструктор может (и должен) иметь параметры

Конструктор
Функция-конструктор - позволяет создавать много однотипных
объектов. Конструктор может (и должен) иметь параметры
17

18. Прототип – объект родитель, дополняет своими свойствами дочерний объект.

Прототипы
Прототип – объект родитель, дополняет своими свойствами
дочерний объект.
18

19. Прототип – объект родитель, дополняет своими свойствами дочерний объект.

Прототипы
Прототип – объект родитель, дополняет своими свойствами дочерний объект.
19

20. Прототип – объект родитель, дополняет своими свойствами дочерний объект.

Доступ к свойствам прототипа
?!?
Прототип – объект родитель, дополняет своими свойствами дочерний объект.
20

21. Прототип – объект родитель, дополняет своими свойствами дочерний объект.

Оператор in, прототипы и свойства объектов
?!?
Прототип – объект родитель, дополняет своими свойствами дочерний объект.
21

22. Объекты «Часы»

22
Объекты «Часы»

23. Объекты «Часы»

23

24. JavaScript как язык программирования

его концепции
Переменные / Типы / Операции
Ветвления (условные операторы)
Циклы / Массивы (структуры данных)
Функции
Объекты
24

25.

25