You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 1-js/02-first-steps/15-function-basics/article.md
+12-12Lines changed: 12 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
Досить часто нам потрібно виконати однакову дію в декількох місцях програми.
4
4
5
-
Наприклад, нам треба показати якесь повідомлення, коли користувач входить або виходить з системи і може ще десь.
5
+
Наприклад, нам треба показати якесь повідомлення, коли користувач входить або виходить з системи та може ще десь.
6
6
7
7
Функції — це головні "будівельні блоки" програми. Вони дозволяють робити однакові дії багато разів без повторення коду.
8
8
@@ -20,7 +20,7 @@ function showMessage() {
20
20
}
21
21
```
22
22
23
-
Спочатку ми пишемо `function` — це ключове слово (keyword), яке дає зрозуміти комп’ютеру, що далі буде оголошення функції. Потім — *назву функції*і список її *параметрів* в дужках (розділені комою). Якщо параметрів немає, ми залишаємо *пусті дужки*. І нарешті, код функції, який також називають *тілом функції* між фігурними дужками.
23
+
Спочатку ми пишемо `function` — це ключове слово (keyword), яке дає зрозуміти комп’ютеру, що далі буде оголошення функції. Потім — *назву функції*та список її *параметрів* в дужках (розділені комою). Якщо параметрів немає, ми залишаємо *пусті дужки*. І нарешті, код функції, який також називають *тілом функції* між фігурними дужками.
@@ -255,7 +255,7 @@ function showMessage(from, text) {
255
255
```js
256
256
functionshowMessage(from, text) {
257
257
// Якщо значення у змінній text дає false, призначається типове значення
258
-
// це передбачає, що text == "" це те саме, що й його повна відсутність
258
+
// це передбачає, що text == "" це те саме, що і його повна відсутність
259
259
text = text ||'текст повідомлення відсутній';
260
260
...
261
261
}
@@ -310,7 +310,7 @@ showCount(); // невідомо
310
310
311
311
## Повернення значення
312
312
313
-
В якості результату, функція може повертати назад значення в код, який викликав цю функцію.
313
+
Як результат функція може повертати назад значення в код, який викликав цю функцію.
314
314
315
315
Найпростіший приклад — функція, яка сумує два значення:
316
316
@@ -323,7 +323,7 @@ let result = sum(1, 2);
323
323
alert( result ); // 3
324
324
```
325
325
326
-
Директива `return` може бути в будь-якому місці функції. Коли виконання досягає цієї директиви, функція зупиняється, і в код, який викликав цю функцію, повертається значення (в прикладі вище, це значення присвоюється змінній `result`).
326
+
Директива `return` може бути в будь-якому місці функції. Коли виконання досягає цієї директиви, функція зупиняється, і в код, який викликав цю функцію, повертається значення (в прикладі вище, це значення надається змінній `result`).
327
327
328
328
В одній функції може бути декілька директив `return`. Наприклад:
Функції повинні бути короткими і робити щось одне. Якщо це щось велике, в цьому випадку доцільно розділити таку функцію на декілька менших. Іноді дотримуватися цього правила досить важко, але це, безумовно, хороша практика.
470
+
Функції повинні бути короткими та робити щось одне. Якщо це щось велике, в цьому випадку доцільно розділити таку функцію на декілька менших. Іноді дотримуватися цього правила досить важко, але це, безумовно, хороша практика.
471
471
472
472
Невеликі функції не тільки полегшують перевірку та налагодження - саме їхнє існування виконує роль хороших коментарів, які покращують зрозумілість коду!
473
473
@@ -508,7 +508,7 @@ function isPrime(n) {
508
508
}
509
509
```
510
510
511
-
Другий варіант легше зрозуміти, чи не так? Замість частини коду ми бачимо назву дії (`isPrime`). Іноді розробники називають такий код *самодокументованим*.
511
+
Другий варіант легше зрозуміти, чи не так? Замість частини коду ми бачимо назву дії (`isPrime`). Іноді розробники називають такий код *само документованим*.
512
512
513
513
Отже, функції можна створювати, навіть якщо ми не маємо наміру повторно їх використовувати. Вони структурують код і роблять його читабельним та зрозумілим.
514
514
@@ -522,18 +522,18 @@ function ім’я(параметри, розділені, комою) {
522
522
}
523
523
```
524
524
525
-
- Значення, які передаються в функцію в якості параметрів, копіюються в локальні змінні.
525
+
- Значення, які передаються в функцію як параметри, копіюються в локальні змінні.
526
526
- Функції мають доступ до зовнішніх змінних. Але це працює тільки зсередини назовні. Код поза функцією не має доступу до локальних змінних функції.
527
527
- Функція може повертати значення. Якщо цього не відбувається, результат буде `undefined`.
528
528
529
-
Для того, щоб зробити код чистим і зрозумілим, рекомендується використовувати локальні змінні і параметри функції, не користуватися зовнішніми змінними.
529
+
Для того, щоб зробити код чистим і зрозумілим, рекомендується використовувати локальні змінні та параметри функції, не користуватися зовнішніми змінними.
530
530
531
-
Завжди легше зрозуміти функцію, яка отримує параметри, працює з ними і повертає результат. На відмінну від функції, в якої немає параметрів, але яка змінює зовнішні змінні, що може призводити до побічних ефектів.
531
+
Завжди легше зрозуміти функцію, яка отримує параметри, працює з ними та повертає результат. На відмінну від функції, в якої немає параметрів, але яка змінює зовнішні змінні, що може призводити до побічних ефектів.
532
532
533
533
Найменування функцій:
534
534
535
535
- Ім’я функції повинне бути коротким і чітко відображати, що робить функція. Побачивши виклик функції в коді, ви повинні зразу зрозуміти, що функція робить, і що повертає.
536
536
- Функція -- це дія, тому її ім’я зазвичай складається з дієслова.
537
-
- Є багато загальноприйнятих префіксів, такі як `create…`, `show…`, `get…`, `check…` тощо. Використовуйте їх щоб пояснити, що робить функція.
537
+
- Є багато загальноприйнятих префіксів, такі як `create…`, `show…`, `get…`, `check…` тощо. Використовуйте їх, щоб пояснити, що робить функція.
538
538
539
-
Функції -- це основні будівельні блоки скриптів. Ми розглянули лише основи функцій в JavaScript, проте вже зараз цього достатньо, щоб почати їх створювати і використовувати. Це лише початок шляху. Ми будемо неодноразово повертатися до функцій і вивчатимо їх все глибше і глибше.
539
+
Функції -- це основні будівельні блоки скриптів. Ми розглянули лише основи функцій в JavaScript, проте вже зараз цього достатньо, щоб почати їх створювати та використовувати. Це лише початок шляху. Ми будемо неодноразово повертатися до функцій і аналізуватимемо їх все глибше і глибше.
0 commit comments