generated from hexlet-basics/exercises-template
-
Notifications
You must be signed in to change notification settings - Fork 3
/
description.ru.yml
133 lines (99 loc) · 6.41 KB
/
description.ru.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
---
name: Возврат значений
theory: |
Функции, которые мы определяли в предыдущих уроках, заканчивали свою работу тем, что печатали на экран какие-то данные:
```javascript
const greeting = () => {
console.log('Hello, Hexlet!');
};
```
Пользы от таких функций не очень много, так как результатом их работы невозможно воспользоваться внутри программы. Рассмотрим это на примере.
Возьмем задачу обработки электронной почты. Когда пользователь регистрируется на каком-то сайте, то он может ввести email любым способом:
* Добавив случайно пробелы в начале или в конце `_support@hexlet.io__`
* Использовав буквы в разном регистре `SUPPORT@hexlet.io`
Если мы сохраним его в таком виде в базу данных, то пользователь, скорее всего, не сможет войти на сайт, так как будет вбивать адрес без пробелов и используя другой регистр символов. Чтобы этого не произошло, email нужно подготовить к записи в базу, привести его к нижнему регистру и обрезать пробельные символы по краям строки. Вся задача решается в пару строчек:
```javascript
const saveEmail = () => {
// В реальности email приходит из формы
const email = ' SuppORT@hexlet.IO';
// обрезаем пробельные символы
const trimmedEmail = email.trim();
const preparedEmail = trimmedEmail.toLowerCase();
console.log(preparedEmail);
// здесь будет запись в базу данных
};
```
Этот код стал возможен только благодаря возврату значения. Методы `trim()` и `toLowerCase()` ничего не печатают на экран (в консоль), они **возвращают** результат своей работы и поэтому мы можем записать его в константы. Если бы они вместо этого печатали на экран, мы бы не могли присвоить результат их работы константе. Как мы не можем сделать с определенной выше функцией `greeting()`:
```javascript
const message = greeting();
console.log(message); // => undefined
```
Изменим функцию `greeting()` таким образом, чтобы она начала возвращать данные, вместо их печати. Для этого нам понадобится выполнить возврат вместо печати на экран
```javascript
const greeting = () => {
return 'Hello, Hexlet!';
};
```
`return` – особая инструкция, которая берёт выражение, записанное справа, и отдаёт его наружу, тому коду, который вызвал функцию. Как только JavaScript натыкается на `return`, выполнение функции на этом завершается.
```javascript
// Теперь мы можем использовать результат работы функции
const message = greeting();
console.log(message); // => Hello, Hexlet!
// И даже выполнить какие-то действия над результатом
console.log(message.toUpperCase()); // => HELLO, HEXLET!
```
Любой код после `return` не выполняется:
```javascript
const greetingWithCodeAfterReturn = () => {
return 'Hello, Hexlet!';
console.log('Я никогда не выполнюсь');
};
```
Даже если функция возвращает данные, это не ограничивает её в том, что она печатает. Кроме возврата данных мы можем и печатать:
```javascript
const greetingWithReturnAndPrinting = () => {
console.log('Я появлюсь в консоли');
return 'Hello, Hexlet!';
};
// И напечатает текст на экран и вернет значение
const message = greetingWithReturnAndPrinting ();
```
Возвращать можно не только конкретное значение. Так как `return` работает с выражениями, то справа от него может появиться почти все что угодно. Здесь нужно руководствоваться принципами читаемости кода:
```javascript
const greeting = () => {
const message = 'Hello, Hexlet!';
return message;
};
```
Здесь мы не возвращаем переменную, возвращается всегда значение, которое находится в этой переменной. Ниже пример с вычислениями:
```javascript
const doubleFive = () => {
// или return 5 + 5
const result = 5 + 5;
return result;
};
```
Вопрос на самопроверку. Что вернет вызов, определенной ниже, функции `run()`?
```javascript
// Определение
const run = () => {
return 5;
return 10;
};
// Что будет выведено на экран?
console.log(run());
```
<details>
<summary>Ответ</summary>
На экран будет выведено `5`.
</details>
https://replit.com/@hexlet/js-basics-functions-return
instructions: |
Реализуйте функцию `sayHurrayThreeTimes()`, которая возвращает строку 'hurray! hurray! hurray!'.
```javascript
const hurray = sayHurrayThreeTimes();
console.log(hurray); // => hurray! hurray! hurray!
```
tips:
- |
[Подробнее о return](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return)