Модуль 4 · Урок 2 із 414/32 у курсі~10 min

Модульні уроки (2/4)

Функція стрілки

Функції зі стрілками є більш компактним синтаксисом для запису функцій. Ідеально підходить для зворотних викликів і коротких функцій.

Основний синтаксис

// classic function
const somma = function (a, b) {
  return a + b;
};

// equivalent arrow
const somma2 = (a, b) => {
  return a + b;
};

// arrow with implicit return (concise body, no braces)
const somma3 = (a, b) => a + b;

Три форми еквівалентні. Третій – самий «JavaScript-y».

Коли ви можете опустити дужки та повернутися

Якщо тіло є одним виразом:

const quadrato = (n) => n * n;
const isAdult = (eta) => eta >= 18;
const saluto = (nome) => `Ciao, ${nome}!`;

Якщо замість цього вам потрібні кілька операторів, вам знадобляться дужки та явний return:

const descrivi = (n) => {
  const parita = n % 2 === 0 ? 'pari' : 'dispari';
  return `${n} è ${parita}`;
};

Один параметр: необов’язкові дужки

const triplo = (n) => n * 3;
const triplo2 = (n) => n * 3; // this is fine too

З параметрами нуль або два+ дужки є обов’язковими:

const ora = () => Date.now();
const min = (a, b) => (a < b ? a : b);

Спробуйте

вправи#js.m4.l2.e1

Спроби: 0Завантаження…

Перепишіть цю функцію як функцію-стрілку з неявним поверненням: `function square(n) { return n * n; }`. Призначте його const `квадрат` і називайте його 5 (очікується 25).

Завантаження редактора…

Показати підказку

const квадрат = (n) => n * n;

Рішення доступне після 3 спроб

Повторна вправа

вправи#js.m4.l2.e2