Как говорилось в блоге на прошлой неделе, мы узнаем о функциях и функциях со стрелками и о том, как работает область! Как и в предыдущем блоге, если вы хотите следить за этим блогом, здесь есть ссылка на повтор!

Функции

Функция — это блок кода, выполняющий определенную задачу. Он может принимать входные данные в виде аргументов или параметров и возвращать значение. Параметры функции — это имена, перечисленные в определении функции.

Вот пример простой функции, которая принимает два параметра и возвращает их сумму:

Аргументы — это значения, передаваемые (и получаемые) функцией. Чтобы использовать эту функцию, давайте вызовем ее с двумя аргументами:

Функции также могут быть определены с помощью функциональных выражений. Функциональное выражение — это когда функция присваивается переменной! После того как функциональное выражение было сохранено в переменной, эту переменную можно использовать как функцию. Вот пример:

Стрелочные функции

Стрелочные функции — это сокращенный способ записи функций. Вот пример функции стрелки, которая делает то же самое, что и функция addNumbers из предыдущего примера:

В этом примере символ «=›» используется для обозначения того, что это функция стрелки. Тело функции заключено в фигурные скобки, а оператор return используется для возврата значения.

Стрелочные функции могут быть записаны еще короче, если в теле функции всего одно выражение. Вот пример:

В этом примере функция представляет собой одно выражение, возвращающее произведение a и b. Фигурные скобки и оператор return удалены, что позволяет использовать меньше строк кода.

Объем

Область действия относится к доступности переменных и функций в разных частях программы. В JavaScript существует два типа области действия: глобальная область действия и локальная область действия.

Глобальная область видимости относится к переменным и функциям, доступным во всей программе. Вот пример:

Здесь мы объявили globalExample в глобальной области видимости за пределами нашей функции. В теле функции мы объявили localExample,влокальной области видимости. Обратите внимание, что происходит, когда мы вызываем scopeExample, а затем пытаемся выполнить console.logglobalExamplevslocalExample:

Когда scopeExample доступно все в глобальной области, а также все внутри тела функции, также известной как локальная область. Однако мы видим ниже, когда мы console.log две переменные вне нашей функции, доступна только глобальная область видимости!

Если вас интересует JavaScript, здесь — отличный учебник от W3 Schools. Как обычно, пожалуйста, не стесняйтесь обращаться с любыми вопросами, и если вам понравился этот пост, подпишитесь!

P.S. На следующей неделе записи в блоге может не быть. Наша команда работает над нашим последним групповым проектом на этой неделе, затем через неделю начнется сольный проект Фазы 5.

LinkedIn