79 lines
3.5 KiB
Markdown
79 lines
3.5 KiB
Markdown
---
|
||
id: 587d7b8e367417b2b2512b5e
|
||
title: Уникайте будь-яких змін та побічних ефектів, використовуючи функціональне програмування
|
||
challengeType: 1
|
||
forumTopicId: 301228
|
||
dashedName: avoid-mutations-and-side-effects-using-functional-programming
|
||
---
|
||
|
||
# --description--
|
||
|
||
Якщо ви ще цього не зрозуміли, проблема в попередньому завданні була з `splice` у функції `Close()`. На жаль, `splice` змінює вихідний масив, в якому він викликається, тому другий дзвінок використовував модифікований масив і дав несподівані результати.
|
||
|
||
Це невеликий приклад набагато більшого шаблону - викликається функція змінної, масиву або об'єкта, а функція змінює саме змінну чи щось інше в об’єкті.
|
||
|
||
Одним з основних принципів функціонального програмування - не змінювати речі. Зміни призводять до помилок. Легше уникнути помилок, знаючи, що ваші функції нічого не змінюють, включаючи аргументи функцій чи будь-яку іншу глобальну змінну.
|
||
|
||
Попередній приклад не мав жодних складних операцій, але метод `splice` змінив оригінальний масив і видав помилку.
|
||
|
||
Нагадаємо, що у функціональному програмуванні зміни або зміна речей називається <dfn>мутацією</dfn>, і наслідок називається <dfn>побічним ефектом</dfn>. В ідеалі функція, повинна бути <dfn>pure function</dfn>, це означає, що вона не спричиняє жодних побічних ефектів.
|
||
|
||
Давайте спробуємо освоїти цю дисципліну і не будемо змінювати будь-які змінні або об'єкти в нашому коді.
|
||
|
||
# --instructions--
|
||
|
||
Ввести код для функції`incrementer` таким чином, значення глобальної змінної `fixedValue` зросло в один раз.
|
||
|
||
# --hints--
|
||
|
||
Ваша функція `incrementer` не повинна змінювати значення `fixedValue` (яка є `4`).
|
||
|
||
```js
|
||
incrementer();
|
||
assert(fixedValue === 4);
|
||
```
|
||
|
||
Ваша функція `incrementer` повертає значення, яке на одиницю більше значення `fixedValue`.
|
||
|
||
```js
|
||
const __newValue = incrementer();
|
||
assert(__newValue === 5);
|
||
```
|
||
|
||
Ваша функція `incrementer` повинна повертати значення на основі глобального змінного значення `fixedValue`.
|
||
|
||
```js
|
||
(function () {
|
||
fixedValue = 10;
|
||
const newValue = incrementer();
|
||
assert(fixedValue === 10 && newValue === 11);
|
||
fixedValue = 4;
|
||
})();
|
||
```
|
||
|
||
# --seed--
|
||
|
||
## --seed-contents--
|
||
|
||
```js
|
||
// The global variable
|
||
let fixedValue = 4;
|
||
|
||
function incrementer() {
|
||
// Only change code below this line
|
||
|
||
|
||
// Only change code above this line
|
||
}
|
||
```
|
||
|
||
# --solutions--
|
||
|
||
```js
|
||
let fixedValue = 4
|
||
|
||
function incrementer() {
|
||
return fixedValue + 1
|
||
}
|
||
```
|