Функциональное выражение
Часть раздела Основы путешествия по JavaScript на Coddy — урок 49 из 77.
В JavaScript функциональное выражение (function expression) — это способ определения функции как части выражения. В отличие от объявлений функций (function declarations), функциональные выражения не подвержены поднятию (hoisting), что означает, что их нельзя вызвать до того, как они будут определены в коде.
Вот базовый синтаксис функционального выражения:
let functionName = function(parameters) {
// Код, который будет выполнен
// ...
return value; // Необязательный оператор return
};За ключевым словом function следует необязательное имя функции. Если имя указано, оно становится именованным функциональным выражением; в противном случае это анонимное функциональное выражение. Параметры указываются в круглых скобках, а тело функции заключается в фигурные скобки.
Вот пример именованного функционального выражения:
let add = function sum(a, b) {
return a + b;
};
console.log(add(3, 5)); // Вывод: 8В этом примере add — это переменная, которая содержит функцию, а sum — это необязательное имя функции. Хотя у функции есть имя, вы не можете вызвать sum напрямую; вы должны использовать переменную add.
Вот пример анонимного функционального выражения:
let multiply = function(a, b) {
return a * b;
};
console.log(multiply(4, 2)); // Вывод: 8В этом случае функция не имеет имени, и она напрямую присваивается переменной multiply.
Функциональные выражения часто используются, когда вы хотите передать функцию в качестве аргумента другой функции или когда вы хотите создать функцию на лету.
Задание
ЛегкоСоздайте функциональное выражение с именем calculateArea, которое принимает два аргумента, width и height, и возвращает площадь прямоугольника. Функция должна быть присвоена переменной с именем calculateArea.
Например:
console.log(calculateArea(5, 10)); // Вывод: 50
console.log(calculateArea(3, 7)); // Вывод: 21Шпаргалка
Функциональные выражения определяют функции как часть выражения и не подвергаются поднятию (не могут быть вызваны до определения).
Базовый синтаксис:
let functionName = function(parameters) {
// Код, который будет выполнен
return value; // Необязательно
};Именованное функциональное выражение:
let add = function sum(a, b) {
return a + b;
};
console.log(add(3, 5)); // Output: 8Анонимное функциональное выражение:
let multiply = function(a, b) {
return a * b;
};
console.log(multiply(4, 2)); // Output: 8Функциональные выражения полезны для передачи функций в качестве аргументов или динамического создания функций.
Попробуйте сами
// Введите ваш код ниже
// Не изменяйте строки ниже
console.log(calculateArea(5, 10));
console.log(calculateArea(3, 7));В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Основы
4Операторы. Часть 2
Логические операторы. Часть 1Логические операторы. Часть 2Повторение — простая логикаЛогические операторы. Часть 3Приведение типов7Калькулятор разделения счета
Приветственное сообщениеРасчет чаевых и общей суммы2Переменные
ЧислаСтрокиBooleanПравила именованияПустые переменныеИтоги: Инициализация переменныхКонстанты5Принятие решений
Оператор IfКонструкция If - ElseПовторение — Простой калькуляторВложенные конструкции If - ElseОператор Switch3Операторы, часть 1
Арифметические операторыОператор остатка от деленияАрифметические сокращенияОператоры сравненияСтрогое и нестрогое равенствоПовторение: простая математика6Основы ввода-вывода
ВыводВывод с переменнымиПреобразование типов — Часть 1Преобразование типов — Часть 2Повторение — До 120Повторение — True или False