1.7 Функции: объявление и выражения
7 из 7 шагов пройдено
6 из 6 баллов  получено

Урок 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, позволяя создавать модульный и повторно используемый код. Понимание различий между объявлением функции и функциональным выражением, а также умение использовать стрелочные функции, значительно повышает гибкость и читаемость вашего кода.


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