Урок 1.7: Функции: объявление и выражения
Цели урока:
- Понять, что такое функции в JavaScript и зачем они нужны.
- Изучить различия между объявлением функции и функциональным выражением.
- Научиться создавать и использовать функции для выполнения задач.
Введение
Функции в JavaScript — это блоки кода, предназначенные для выполнения определенной задачи. Функции позволяют разбивать программу на меньшие, управляемые части, что упрощает разработку, тестирование и отладку кода.
1. Объявление функции (Function Declaration)
Объявление функции задает именованную функцию, которую можно вызвать из других частей кода.
Синтаксис:
function имяФункции(параметры) {
// тело функции
}
Пример:
function greet(name) {
console.log("Привет, " + name + "!");
}
greet("Алиса"); // Вывод: Привет, Алиса!
Особенности:
- Функция доступна для вызова до её объявления в коде (hoisting).
2. Функциональное выражение (Function Expression)
Функциональное выражение создает функцию и присваивает её переменной. Функция может быть анонимной; её имя опционально.
Синтаксис:
let имяПеременной = function(параметры) {
// тело функции
};
Пример:
let greet = function(name) {
console.log("Привет, " + name + "!");
};
greet("Боб"); // Вывод: Привет, Боб!
Особенности:
- Функция доступна только после создания выражения.
3. Стрелочные функции (Arrow Functions)
Стрелочные функции предоставляют сокращенный синтаксис для создания функций и используются чаще всего для анонимных функций.
Синтаксис:
let имяПеременной = (параметры) => {
// тело функции
};
Пример:
let greet = name => console.log("Привет, " + name + "!");
greet("Том"); // Вывод: Привет, Том!
Особенности:
- Не имеют собственного контекста `this`.
- Не могут быть использованы как конструкторы.
4. Параметры и аргументы функции
- Параметры функции — это переменные, указанные в объявлении функции.
- Аргументы — это значения, передаваемые функции при её вызове.
5. Возвращаемое значение
Функции могут возвращать значение с помощью оператора `return`. Если оператор `return` отсутствует, функция возвращает `undefined`.
Пример:
function sum(a, b) {
return a + b;
}
let result = sum(5, 7);
console.log(result); // Вывод: 12
Заключение
Функции являются основным строительным блоком в JavaScript, позволяя создавать модульный и повторно используемый код. Понимание различий между объявлением функции и функциональным выражением, а также умение использовать стрелочные функции, значительно повышает гибкость и читаемость вашего кода.