113 lines
5.1 KiB
Markdown
113 lines
5.1 KiB
Markdown
---
|
||
id: 587d7b8e367417b2b2512b5c
|
||
title: Розуміння термінології функціонального програмування
|
||
challengeType: 1
|
||
forumTopicId: 301240
|
||
dashedName: understand-functional-programming-terminology
|
||
---
|
||
|
||
# --description--
|
||
|
||
Команда FCC мала поганий настрій і зараз хоче два види чаю: зелений і чорний. Загальновідомий факт: перепади настрою клієнта - це дуже поширене явище.
|
||
|
||
Володіючи такою інформацією, нам потрібно буде повторно ввести функцію `getTea` від останнього завдання для обробки різних чайних запитів. Ми можемо змінити `getTea`, щоб прийняти функцію як параметр для того, щоб мати можливість змінювати вид чаю, який готується. Це робить `getTea` більш гнучким, і надає програмісту більше контролю, коли клієнт просить щось змінити.
|
||
|
||
Та спершу, давайте розглянемо трохи функціональної термінології:
|
||
|
||
<dfn>Callbacks</dfn> - функції, які висуваються або передаються в іншу функцію, щоб з'ясувати посилання на цю функцію. Можливо, ви вже бачили як вони переходили до інших методів, наприклад в `filter`, функція зворотного виклику повідомляє для JavaScript критерії для фільтрування структурних даних.
|
||
|
||
Функції, що призначені для змінної, передані в іншу функцію, або навпаки повернені від іншої функції, так само як інше звичайне значення, називається функції <dfn>first class</dfn>. У JavaScript, всі функції - це функції першого класу.
|
||
|
||
Функції, що приймають функцію як аргумент, або повертають функцію як повернуте значення, називаються <dfn>higher order</dfn> функції.
|
||
|
||
Коли функції передаються або повертаються від іншої функції, тоді ті функції, які були передані або повернені, можуть називатися <dfn>lambda</dfn>.
|
||
|
||
# --instructions--
|
||
|
||
Приготуйте 27 чашок зеленого і 13 чашок чорного чаю і зберігайте їх відповідно у `tea4GreenTeamFCC` та `tea4BlackTeamFCC`. Зазначте, що функція `getTea` була змінена, тому тепер вона приймає функцію як перший аргумент.
|
||
|
||
Примітка: дані (кількість чашок чаю) надаються як останній аргумент. Ми поговоримо про це більше на подальших заняттях.
|
||
|
||
# --hints--
|
||
|
||
Змінна `tea4GreenTeamFCC` повинна мати 27 чашок зеленого чаю для команди.
|
||
|
||
```js
|
||
assert(tea4GreenTeamFCC.length === 27);
|
||
```
|
||
|
||
Змінна `tea4GreenTeamFCC` повинна мати чашки зеленого чаю.
|
||
|
||
```js
|
||
assert(tea4GreenTeamFCC[0] === 'greenTea');
|
||
```
|
||
|
||
Змінна `tea4BlackTeamFCC` повинна містити 13 чашок чорного чаю.
|
||
|
||
```js
|
||
assert(tea4BlackTeamFCC.length === 13);
|
||
```
|
||
|
||
Змінна `tea4BlackTeamFCC` повинна містити чашки з чорним чаєм.
|
||
|
||
```js
|
||
assert(tea4BlackTeamFCC[0] === 'blackTea');
|
||
```
|
||
|
||
# --seed--
|
||
|
||
## --seed-contents--
|
||
|
||
```js
|
||
// Function that returns a string representing a cup of green tea
|
||
const prepareGreenTea = () => 'greenTea';
|
||
|
||
// Function that returns a string representing a cup of black tea
|
||
const prepareBlackTea = () => 'blackTea';
|
||
|
||
/*
|
||
Given a function (representing the tea type) and number of cups needed, the
|
||
following function returns an array of strings (each representing a cup of
|
||
a specific type of tea).
|
||
*/
|
||
const getTea = (prepareTea, numOfCups) => {
|
||
const teaCups = [];
|
||
|
||
for(let cups = 1; cups <= numOfCups; cups += 1) {
|
||
const teaCup = prepareTea();
|
||
teaCups.push(teaCup);
|
||
}
|
||
return teaCups;
|
||
};
|
||
|
||
// Only change code below this line
|
||
const tea4GreenTeamFCC = null;
|
||
const tea4BlackTeamFCC = null;
|
||
// Only change code above this line
|
||
|
||
console.log(
|
||
tea4GreenTeamFCC,
|
||
tea4BlackTeamFCC
|
||
);
|
||
```
|
||
|
||
# --solutions--
|
||
|
||
```js
|
||
const prepareGreenTea = () => 'greenTea';
|
||
const prepareBlackTea = () => 'blackTea';
|
||
|
||
const getTea = (prepareTea, numOfCups) => {
|
||
const teaCups = [];
|
||
|
||
for(let cups = 1; cups <= numOfCups; cups += 1) {
|
||
const teaCup = prepareTea();
|
||
teaCups.push(teaCup);
|
||
}
|
||
return teaCups;
|
||
};
|
||
|
||
const tea4BlackTeamFCC = getTea(prepareBlackTea, 13);
|
||
const tea4GreenTeamFCC = getTea(prepareGreenTea, 27);
|
||
```
|