1
00:00:01,333 --> 00:00:03,803
Я написала програму щоб розказати вам
пікантну інформацію про

2
00:00:03,803 --> 00:00:07,469
Вінстона, але не дуже багато, тому що він
любить тримати дещо

3
00:00:07,469 --> 00:00:11,870
в таємниці. Саме такий Вінстон. Отже,

4
00:00:11,870 --> 00:00:15,334
подивимось як я зробила цю програму. Я
створила декі змінні зверху щоб зберігати

5
00:00:15,334 --> 00:00:20,034
трохи інформації про нього. Перша змінна
містить число - його вік- друга рядок

6
00:00:20,034 --> 00:00:23,955
-про його очі- третя містить масив рядків,

7
00:00:23,955 --> 00:00:27,907
про речі які він любить робити, і дві
останні змінні містять

8
00:00:27,907 --> 00:00:31,566
рядки, що розказують де він народився. 
Тоді

9
00:00:31,566 --> 00:00:35,940
тут, я показала кожну з них використовуючи
текстову команду і тільки ім'я змінної

10
00:00:35,940 --> 00:00:39,699
І звісно для масиву, я повинна мати доступ
до кожного його елементу

11
00:00:39,699 --> 00:00:42,950
використовуючи позначеня дужок. Класно.

12
00:00:42,950 --> 00:00:48,636
Зараз всі 5 з цих змінних розказують про
одне і те саме: Вінстона.

13
00:00:48,636 --> 00:00:51,598
Але змінні не знают, що вони про одне
і те саме

14
00:00:51,598 --> 00:00:55,502
і знаєте, у Javascript коли ви хочете

15
00:00:55,502 --> 00:00:59,289
зберігати кілька фрагментів інформації які
пов'язані, у нас є кращий спосіб

16
00:00:59,289 --> 00:01:03,125
їхнього зберігання і він дійсно чудовий,
і називається Об'єкт [Object]

17
00:01:03,125 --> 00:01:06,795
Так що це означає, що замість 5 змінних, 
ми можемо мати одну

18
00:01:06,795 --> 00:01:11,623
змінну, яка зберігає всю цю інформацію, 
що є досить класно.

19
00:01:11,623 --> 00:01:15,169
Спробуємо її з інформацією про Вінстона.
Спочатку, ми оголосимо

20
00:01:15,169 --> 00:01:18,837
змінну, і ми називемо її Вінстон. І тоді

21
00:01:18,837 --> 00:01:23,399
ми поставимо відкриту фігурну дужку - 
переконайтеся чи фігурна, а не квадратна -

22
00:01:23,399 --> 00:01:27,107
і крапкую з комою. Таким чином, 
ми створили об'єкт

23
00:01:27,107 --> 00:01:31,047
але вона немає абсолютно ніякої інформації
всередині.

24
00:01:31,909 --> 00:01:35,668
Отже. щоб додати трохи інформації, нам
потрібно додати властивості.

25
00:01:35,668 --> 00:01:41,276
І кожна властивість це є ключ і значення.
Наприклад, вік буде "age: 19"

26
00:01:41,276 --> 00:01:43,789
Гаразд. І тоді для очей, ми додамо

27
00:01:43,789 --> 00:01:48,039
кому і тоді eyes:"black". Гаразд, чудово.

28
00:01:48,039 --> 00:01:52,742
Отже, тепер Вінстон має дві властивості
всередині об'єкта.

29
00:01:52,742 --> 00:01:55,607
І для вподобань, ми просто введемо:"likes:
і тоді я

30
00:01:55,607 --> 00:02:00,076
і просто скопіюємо це звідси, сюди, і

31
00:02:00,076 --> 00:02:04,000
дуже добре. Отже, поглянемо на це. Ванстон
має три властивості

32
00:02:04,000 --> 00:02:07,527
Кожна властивість це ключ, що з правої

33
00:02:07,527 --> 00:02:12,796
сторони, і значення, що по лівій стороні

34
00:02:12,796 --> 00:02:15,632
Для ключа, він повинен слідувати тим самим
правилам, що і Javascript

35
00:02:15,632 --> 00:02:20,099
імена змінних. Без пробілів, починати
з літери, все це.

36
00:02:20,591 --> 00:02:22,960
Для значення, це може бути будь-який її
тип,

37
00:02:22,960 --> 00:02:27,124
що ми бачили раніше. Це може бути число,
може бути рядок, це може бути масив

38
00:02:27,124 --> 00:02:33,373
Це може бути навіть логічне значення, отже
ми могли б додати isCool: істинна, звісно

39
00:02:34,126 --> 00:02:38,398
І насправді, це значення може навіть бути
й іншим об'єктом. Отже,

40
00:02:38,398 --> 00:02:42,709
BirthCity and BirthState. Ці, дійсно
частинки інформації про те ж саме

41
00:02:42,709 --> 00:02:46,616
що є одним розсташування. І, таким чином,
я думаю, що це буде

42
00:02:46,616 --> 00:02:51,042
більше сенсу якщо ми збережемо це я
об'єкт. я додам ще один ключ: birthplace,

43
00:02:51,042 --> 00:02:54,836
і тоді для значення я вставлю фігурні 
дужки знову

44
00:02:54,836 --> 00:02:58,376
і тоді всередині матиму ключ для міста:

45
00:02:58,376 --> 00:03:02,287
"Mountain View", і тоді штат

46
00:03:02,287 --> 00:03:06,766
"Каліфорнія" Чудово! Отже,тепер ви можете
бачити як насправді ви можете

47
00:03:06,766 --> 00:03:10,480
зберігати дуже багато інформацію всередині
об'єкта.

48
00:03:11,033 --> 00:03:15,459
Добре. І тепер у нас є цей хороший об'єкт,
що показує всю цю інформацію про Вінстона

49
00:03:15,459 --> 00:03:18,783
Попробуємо видалити ці окремі старі змінні

50
00:03:18,783 --> 00:03:23,066
що не знають один про одного. Гаразд

51
00:03:23,066 --> 00:03:27,039
Ой-ой! Отже тепер у нас помилка. І це
тому, що наші

52
00:03:27,039 --> 00:03:30,739
текстові команди посилаються на старі
змінні. Нам потрібно оновити

53
00:03:30,739 --> 00:03:34,502
їх щоб натомсіть використовувати
інформацію об'єкта.

54
00:03:34,502 --> 00:03:38,218
Почнемо з того, що законметуємо останні 3,
отже ми можемо

55
00:03:38,218 --> 00:03:43,322
зробити це по одному за раз. Гараз. І це
йдеться про WinstonAge зараз

56
00:03:43,322 --> 00:03:46,396
Тому, на слід замінити це, отже напишемо

57
00:03:46,396 --> 00:03:50,293
Вінстон, так як це ім'я змінної. Зауважте

58
00:03:50,293 --> 00:03:53,834
якщо ми просто залишимо це так, то це 
говорить об'єкт об'єкт. Що є дійсно

59
00:03:53,834 --> 00:03:57,369
негарно. Ось Javascript говорить нам, що
ми намагаємося перетворити цілий

60
00:03:57,369 --> 00:04:02,109
об'єкт у рядкове значення. Але натомісь
ми дійсно просто

61
00:04:02,109 --> 00:04:06,134
ми хочемо мати доступ тільки до віку
всередині нього. Отже, те що ми робимо,

62
00:04:06,134 --> 00:04:11,063
ми кладемо крапку, і тоді пишемо ключову
властивість тобто "вік"

63
00:04:11,063 --> 00:04:14,897
У нас є вік. Ми називаємо це "крапковою
нотацію"

64
00:04:14,897 --> 00:04:18,297
що є тим, де ми пишемо ім'я змінної для 
об'єкта, а потім крапка,

65
00:04:18,297 --> 00:04:21,791
а потім ключову властивість. Гаразд, отже 
ми можемо

66
00:04:21,791 --> 00:04:25,384
продовжити і зробити більше зараз.
розкоментуємо це, а потім замість

67
00:04:25,384 --> 00:04:29,877
очей Вінстона, ми просто введемо:
Winston.eyes а тоді

68
00:04:29,877 --> 00:04:34,074
для цього, це буде Winston.likes

69
00:04:34,074 --> 00:04:37,741
і потім Winston.likes[1] і тоді

70
00:04:37,741 --> 00:04:42,501
для цієї останньої, це трохи складніше
тому, що

71
00:04:42,501 --> 00:04:45,451
це об'єкт всередині об'єкта. Отже, 
ми введемо

72
00:04:45,451 --> 00:04:48,784
Winston.birthplace,

73
00:04:48,784 --> 00:04:53,288
але якщо ми зробимо так, то це лише весь
об'єкт тому, ми повинні ввести крапка

74
00:04:53,288 --> 00:04:56,985
city. Добре. давайте зробимо це тут

75
00:04:56,985 --> 00:05:01,472
Winston.birthplace.state.

76
00:05:01,472 --> 00:05:05,211
Так що це дійсно класно так як ви можете 
просто досягти до об'єктів всередині

77
00:05:05,211 --> 00:05:09,416
які знаходяться в об'єктах. Гаразд

78
00:05:10,863 --> 00:05:13,919
Чудово. Отже, як ви можете бачити

79
00:05:13,919 --> 00:05:17,597
об'єкти є хорошим способом зберігати
багато пов'язаних частин

80
00:05:17,597 --> 00:05:21,406
інформації про об'єкт, і потім мати
мати можливість доступу до нього пізніше.

81
00:05:21,341 --> 00:05:24,631
І коли ви будете продовжувати, ви
з'ясуєте наскільки неймовірними є об'єкти!