Merge pull request lydiahallie#677 from Seruf-Che/master

uk-UA. Add questions 44-46. Fix typos

Author: jakeherp

uk-UA/README.md

@@ -83,7 +83,7 @@ for (let i = 0; i < 3; i++) {
 
 Через черги подій в JavaScript, функція `setTimeout` викликається _після того_ як цикл буде завершено. Так як змінна `i` в першому циклі була визначена за допомогою `var`, вона буде глобальною. У циклі ми кожен раз збільшуємо значення `i` на `1`, використовуючи унарний оператор `++.` До моменту виконання функції `setTimeout` значення `i` дорівнюватиме `3`, як показано в першому прикладі.
 
-У другому циклі змінна `i` визначена за допомогою `let`. Такі змінні (а також `const`) мають блочну область видимості (блок це що завгодно між `{}`). З кожною ітерацією `i` матиме нове значення, і кожне значення буде замкнуто в своїй області видимості всередині циклу.
+У другому циклі змінна `i` визначена за допомогою `let`. Такі змінні (а також `const`) мають блокову область видимості (блок це що завгодно між `{}`). З кожною ітерацією `i` матиме нове значення, і кожне значення буде замкнуто у своїй області видимості всередині циклу.
 
 </p>
 </details>
@@ -422,10 +422,10 @@ console.log(sarah);
 
 ###### 13. Назвіть три фази поширення подій
 
-- A: Мета (Target) > Захоплення (Capturing) > Всплиття (Bubbling)
-- B: Всплиття (Bubbling) > Мета (Target) > Захоплення (Capturing)
-- C: Мета (Target) > Всплиття (Bubbling) > Захоплення (Capturing)
-- D: Захоплення (Capturing) > Мета (Target) > Всплиття (Bubbling)
+- A: Мета (Target) > Захоплення (Capturing) > Спливання (Bubbling)
+- B: Спливання (Bubbling) > Мета (Target) > Захоплення (Capturing)
+- C: Мета (Target) > Спливання (Bubbling) > Захоплення (Capturing)
+- D: Захоплення (Capturing) > Мета (Target) > Спливання (Bubbling)
 
 <details><summary><b>Відповідь</b></summary>
 <p>
@@ -478,7 +478,7 @@ sum(1, "2");
 
 #### Відповідь: C
 
-JavaScript це **динамічно тіпізірованна мова**: ми не визначаємо тип змінних. Змінні можуть автоматично бути перетворені з одного типу в інший без нашої участі, що називається _неявним приведенням типів_. **Приведення** це перетворення з одного типу в інший.
+JavaScript це **динамічно типізована мова**: ми не визначаємо тип змінних. Змінні можуть автоматично бути перетворені з одного типу в інший без нашої участі, що називається _неявним приведенням типів_. **Приведення** це перетворення з одного типу в інший.
 
 У цьому прикладі, JavaScript конвертувати число `1` в рядок, щоб операція всередині функції мала сенс і повернула значення. Під час складання числа (`1`) і рядки (`'2'`) число перетворюється до рядка. Ми можемо додавати рядки ось так: `"Hello" + "World"`. Таким чином, "`1"` + `"2"` повертає "`12"`.
 
@@ -662,7 +662,7 @@ const sum = eval("10*10+5");
 
 #### Відповідь: A
 
-`eval` виконує код, переданий у вигляді рядка. Якщо це рядок (як в даному випадку), то обчислюється вираз. Вираз `10 * 10 + 5` поверне число `105`.
+`eval` виконує код, переданий у вигляді рядка. Якщо це рядок (як в такому випадку), то обчислюється вираз. Вираз `10 * 10 + 5` поверне число `105`.
 
 </p>
 </details>
@@ -788,7 +788,7 @@ console.log(obj);
 
 #### Відповідь: A
 
-Базовий контекст виконання це глобальний контекст виконання: це те, що є де завгодно в твоєму коді.
+Базовий контекст виконання це глобальний контекст виконання: це те, що є де завгодно у твоєму коді.
 
 </p>
 </details>
@@ -1045,7 +1045,7 @@ typeof sayHi();
 
 #### Відповідь: B
 
-Функція `sayHi` повертає значення, що повертається з _негайно викликаного функціонального вираза_ (IIFE). Результатом є `0` типу `"number"`.
+Функція `sayHi` повертає значення, що повертається з _негайно викликаного функціонального виразу_ (IIFE). Результатом є `0` типу `"number"`.
 
 Для інформації: в JS 7 вбудованих типів: `null`, `undefined`, `boolean`, `number`, `string`, `object`, `symbol`, та `bigint`. `"Function"` не є окремим типом, тому що функції є об'єктами типу `"object"`.
 
@@ -1193,7 +1193,7 @@ console.log(numbers);
 
 #### Відповідь: A
 
-В JavaScript є тільки примітиви і об'єкти.
+В JavaScript є тільки примітиви й об'єкти.
 
 Типи примітивів: `boolean`, `null`, `undefined`, `bigint`, `number`, `string`, та `symbol`.
 
@@ -1286,7 +1286,7 @@ setInterval(() => console.log("Hi"), 1000);
 
 ---
 
-###### 43. What does this return?
+###### 43. Що повернеться?
 
 ```javascript
 [..."Lydia"];
@@ -1306,3 +1306,109 @@ setInterval(() => console.log("Hi"), 1000);
 
 </p>
 </details>
+
+---
+
+###### 44. Що буде в консолі?
+
+```javascript
+function* generator(i) {
+  yield i;
+  yield i * 2;
+}
+
+const gen = generator(10);
+
+console.log(gen.next().value);
+console.log(gen.next().value);
+```
+
+- A: `[0, 10], [10, 20]`
+- B: `20, 20`
+- C: `10, 20`
+- D: `0, 10 and 10, 20`
+
+<details><summary><b>Answer</b></summary>
+<p>
+
+#### Відповідь: C
+
+Звичайні функції не можна зупинити "на півдорозі" після виклику. Однак функція-генератор може зупинитися "на півдорозі", а потім продовжити з того місця, де вона зупинилась. Кожного разу, коли функція-генератор зустрічає ключове слово `yield`, функція видає значення, що вказане після нього. Зауважте, що функція-генератор в цьому випадку не _повертає_ (return) значення, вона _дає_ (yields) значення.
+
+Спочатку ми ініціалізуємо функцію-генератор з `i` рівним `10`. Ми викликаємо функцію-генератор за допомогою методу `next()`. Коли ми вперше викликаємо функцію генератора, `i` дорівнює `10`. Перше ключове слово `yield`: воно дає значення `i`. Генератор тепер "призупинено", і `10` записується у консоль.
+
+Потім ми знову викликаємо функцію за допомогою методу `next()`. Виконання коду продовжується там, де зупинилося раніше, все ще з `i` що дорівнює `10`. Тепер функція зустрічає наступне ключове слово `yield` і дає `i * 2`. `i` дорівнює `10`, тож віддається `10 * 2`, що дорівнює `20`. У результаті: `10, 20`.
+
+</p>
+</details>
+
+
+---
+
+###### 45. Що повернеться?
+
+```javascript
+const firstPromise = new Promise((res, rej) => {
+  setTimeout(res, 500, 'one');
+});
+
+const secondPromise = new Promise((res, rej) => {
+  setTimeout(res, 100, 'two');
+});
+
+Promise.race([firstPromise, secondPromise]).then(res => console.log(res));
+```
+
+- A: `"one"`
+- B: `"two"`
+- C: `"two" "one"`
+- D: `"one" "two"`
+
+<details><summary><b>Answer</b></summary>
+<p>
+
+#### Відповідь: B
+
+Коли ми передаємо кілька промісів методу `Promise.race`, він вирішує/відхиляє _перший_ проміс, яки вирішився/відхилився. Методу `setTimeout` ми передаємо таймер: 500 мс для першого промісу (`firstPromise`) та 100 мс для другого промісу (`secondPromise`). Це означає, що `secondPromise` вирішиться першим зі значенням `'two'`. `res` тепер містить значення `'two'`, яке буде зображено у консолі.
+
+</p>
+</details>
+
+---
+
+###### 46. Що буде на виході?
+
+```javascript
+let person = { name: 'Lydia' };
+const members = [person];
+person = null;
+
+console.log(members);
+```
+
+- A: `null`
+- B: `[null]`
+- C: `[{}]`
+- D: `[{ name: "Lydia" }]`
+
+<details><summary><b>Answer</b></summary>
+<p>
+
+#### Відповідь: D
+
+Спочатку ми оголошуємо змінну `person` що містить об'єкта, який має властивість `name`.
+
+<img src="https://i.imgur.com/TML1MbS.png" width="200">
+
+Потім ми оголошуємо змінну `members`. Ми встановлюємо перший елемент масиву рівним значенню змінної `person`. Об'єкти взаємодіють за допомогою _посилання_, коли їх встановлюють рівними один одному. Коли ви призначаєте посилання з однієї змінної на іншу, ви робите _копію_ цього посилання. (зверніть увагу, що вони не мають _однакового_ посилання!)
+
+<img src="https://i.imgur.com/FSG5K3F.png" width="300">
+
+Далі ми встановлюємо змінну `person` рівною `null`.
+
+<img src="https://i.imgur.com/sYjcsMT.png" width="300">
+
+Ми лише змінюємо значення змінної `person`, а не перший елемент у масиві, оскільки цей елемент має інше (скопійоване) посилання на об’єкт.Перший елемент у `members` все ще містить своє посилання на вихідний об’єкт. Коли ми виводимо у консоль масив `members`, перший елемент усе ще містить значення об'єкта, який і показується у консолі.
+
+</p>
+</details>