Skip to content

Commit a71cbe0

Browse files
authored
smth
1 parent e631d34 commit a71cbe0

File tree

1 file changed

+20
-20
lines changed
  • 1-js/02-first-steps/17-arrow-functions-basics

1 file changed

+20
-20
lines changed

1-js/02-first-steps/17-arrow-functions-basics/article.md

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,29 @@
11
# Функции-стрелки, основы
22

3-
Существует ещё более простой и краткий синтаксис для создания функций, который часто лучше, чем синтаксис Function Expression.
3+
Существует еще один очень простой и лаконичный синтаксис для создания функций, который часто лучше, чем Function Expression.
44

55
Он называется "функции-стрелки" или "стрелочные функции" (arrow functions), т.к. выглядит следующим образом:
66

77
```js
88
let func = (arg1, arg2, ...argN) => expression;
99
```
1010

11-
...Такой код создаёт функцию `func` с аргументами `arg1..argN` и вычисляет `expression` с правой стороны с их использованием, возвращая результат.
11+
Это создает функцию `func`, которая принимает аргументы `arg1..argN`, затем вычисляет `expression` в правой части с их использованием и возвращает результат.
1212

13-
Другими словами, это более короткий вариант такой записи:
13+
Другими словами, это сокращенная версия:
1414

1515
```js
1616
let func = function(arg1, arg2, ...argN) {
1717
return expression;
1818
};
1919
```
2020

21-
Давайте взглянем на конкретный пример:
21+
Давайте рассмотрим конкретный пример:
2222

2323
```js run
2424
let sum = (a, b) => a + b;
2525

26-
/* Более короткая форма для:
26+
/* Эта стрелочная функция представляет собой более короткую форму:
2727
2828
let sum = function(a, b) {
2929
return a + b;
@@ -34,7 +34,7 @@ alert( sum(1, 2) ); // 3
3434

3535
```
3636

37-
То есть, `(a, b) => a + b` задаёт функцию с двумя аргументами `a` и `b`, которая при запуске вычисляет выражение справа `a + b` и возвращает его результат.
37+
Как вы можете видеть, `(a, b) => a + b` задаёт функцию, которая принимает два аргумента с именами `a` и `b`. При выполнении она вычисляет выражение `a + b` и возвращает результат.
3838

3939
- Если у нас только один аргумент, то круглые скобки вокруг параметров можно опустить, сделав запись ещё короче:
4040

@@ -56,7 +56,7 @@ alert( sum(1, 2) ); // 3
5656
sayHi();
5757
```
5858

59-
Функции-стрелки могут быть использованы так же, как и Function Expression.
59+
Стрелочные функции можно использовать так же, как и Function Expression.
6060

6161
Например, для динамического создания функции:
6262

@@ -67,36 +67,36 @@ let welcome = (age < 18) ?
6767
() => alert('Привет') :
6868
() => alert("Здравствуйте!");
6969
70-
welcome(); // теперь всё в порядке
70+
welcome();
7171
```
7272

73-
Поначалу функции-стрелки могут показаться необычными и трудночитаемыми, но это быстро пройдёт, как только глаза привыкнут к этим конструкциям.
73+
Поначалу стрелочные функции могут показаться необычными и даже трудночитаемыми, но это быстро пройдёт по мере того, как глаза привыкнут к этим конструкциям.
7474

75-
Они очень удобны для простых однострочных действий, когда лень писать много букв.
75+
Они очень удобны для простых однострочных действий, когда нам просто лень писать много слов.
7676

7777
## Многострочные стрелочные функции
7878

79-
В примерах выше аргументы использовались слева от `=>`, а справа вычислялось выражение с их значениями.
79+
В приведенных выше примерах аргументы брались слева от `=>`, а затем справа вычислялось выражение с их значениями.
8080

81-
Порой нам нужно что-то посложнее, например, выполнить несколько инструкций. Это также возможно, нужно лишь заключить инструкции в фигурные скобки. И использовать `return` внутри них, как в обычной функции.
81+
Иногда нам нужно что-то немного более сложное, например, несколько выражений или инструкций. Это также возможно, нужно лишь заключить их в фигурные скобки. Затем используйте обычный `return` внутри них.
8282

83-
Например:
83+
Вроде этого:
8484

8585
```js run
8686
let sum = (a, b) => { // фигурная скобка, открывающая тело многострочной функции
8787
let result = a + b;
8888
*!*
89-
return result; // при фигурных скобках для возврата значения нужно явно вызвать return
89+
return result; // если мы используем фигурные скобки, то нам нужно явно указать "return"
9090
*/!*
9191
};
9292
9393
alert( sum(1, 2) ); // 3
9494
```
9595

96-
```smart header="Дальше будет ещё информация"
97-
Здесь мы рассмотрели функции-стрелки как способ писать меньше букв. Но это далеко не всё!
96+
```smart header="Еще многое впереди"
97+
Здесь мы представили главной целью стрелочных функций краткость. Но это еще не всё!
9898
99-
Стрелочные функции обладают другими интересными особенностями.
99+
Стрелочные функции обладают и другими интересными возможностями.
100100
101101
Чтобы изучить их более подробно, нам сначала нужно познакомиться с некоторыми другими аспектами JavaScript, поэтому мы вернёмся к стрелочным функциям позже, в главе <info:arrow-functions>.
102102
@@ -105,7 +105,7 @@ alert( sum(1, 2) ); // 3
105105

106106
## Итого
107107

108-
Функции-стрелки очень удобны для однострочных действий. Они бывают двух типов:
108+
Стрелочные функции очень удобны для однострочных действий. Они бывают двух типов:
109109

110-
1. Без фигурных скобок: `(...args) => expression` -- правая сторона выражение: функция выполняет его и возвращает результат.
111-
2. С фигурными скобками: `(...args) => { body }` -- скобки позволяют нам писать многострочные инструкции внутри функции, но при этом необходимо указывать директиву `return`, чтобы вернуть какое-либо значение.
110+
1. Без фигурных скобок: `(...args) => expression` -- правая сторона выражение: функция вычисляет его и возвращает результат.
111+
2. С фигурными скобками: `(...args) => { body }` -- скобки позволяют нам писать многострочные инструкции внутри функции, но при этом необходимо явно указывать директиву `return`, чтобы вернуть какое-либо значение.

0 commit comments

Comments
 (0)