0Pricing
JavaScript Academy · Урок

Объявления и выражения, основы стрелочных функций

Объявления функций и выражения функций, синтаксис стрелочных функций и простые шаблоны использования.

«Объявления и выражения, основы стрелочных функций» — бесплатный урок JavaScript Academy на CoddyKit. Это урок 1 из 3. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения JavaScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс JavaScript Academy содержит 3 уроков всего.

Введение

Цель: Отличать объявления функций от выражений, изучить базовый синтаксис стрелочных функций и выбирать для задачи самый простой вариант.

  • Объявление
  • Выражение
  • Основы стрелочных функций
Объявления и выражения, основы стрелочных функций — иллюстрация 1

Объявление функции

Объявление функции поднимается, поэтому вызовы могут находиться выше определения.

// Function declaration
// Can be called before or after its definition (hoisted)
console.log(greet("Ayla"));

function greet(name) {
  return "Hello, " + name + "!";
}

console.log(greet("Coder"));
Объявления и выражения, основы стрелочных функций — иллюстрация 2

Функциональное выражение

Функциональное выражение создаётся во время выполнения; вызывайте его после строки присваивания.

// Function expression
// Assigned to a variable; not callable before this line
const add = function (a, b) {
  return a + b;
};

console.log("Sum:", add(2, 3));
Объявления и выражения, основы стрелочных функций — иллюстрация 3

Основы стрелочных функций

Стрелочные функции лаконичны. Для одного параметра можно опустить скобки; в однострочном теле можно опустить return.

// Arrow function basics
// Short, expression-friendly syntax
const double = (n) => {
  return n * 2;
};

const square = n => n * 2; // simple one-liner for demo

console.log(double(4));
console.log(square(4));
Объявления и выражения, основы стрелочных функций — иллюстрация 4

Выбор формы

Используйте объявления для именованных вспомогательных функций, а стрелочные функции — для небольших встроенных помощников.

// Pick the simplest form for clarity
// Use declarations for top-level named utilities
function toTitle(name) {
  return "Title: " + name;
}

// Use arrows for tiny inline helpers
const shout = text => text.toUpperCase();

console.log(toTitle("Intro"));
console.log(shout("hello"));
Объявления и выражения, основы стрелочных функций — иллюстрация 5

Советы для начинающих

Советы:

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

Проверка подъёма

Быстрая проверка: поведение подъёма.

Объявления и выражения, основы стрелочных функций — иллюстрация 7

Повторение

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

Объявления и выражения, основы стрелочных функций — иллюстрация 8

Часто задаваемые вопросы

Урок «Объявления и выражения, основы стрелочных функций» бесплатный?

Да — полный текст урока «Объявления и выражения, основы стрелочных функций» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс JavaScript Academy, подпишись на CoddyKit PRO. Курс JavaScript Academy содержит 3 уроков всего.

Чему я научусь в уроке «Объявления и выражения, основы стрелочных функций»?

Объявления функций и выражения функций, синтаксис стрелочных функций и простые шаблоны использования. Ты практикуешь JavaScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать JavaScript Academy?

Предыдущий опыт не требуется. JavaScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 3.

Сколько времени занимает урок «Объявления и выражения, основы стрелочных функций»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке JavaScript Academy?

Да. Каждый урок JavaScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Объявления и выражения, основы стрелочных функций
  2. Параметры, значения по умолчанию, rest и возврат результатов
  3. Основы this; call/apply/bind (введение)
← Назад к JavaScript Academy