/
Программирование
/
Курс JavaScript
/

Упрощенный синтаксис функций

JavaScript: Упрощенный синтаксис функций

Стрелочная функция в полной форме выглядит так:

const square = (x) => {
  return x ** 2;
};

Тело здесь состоит из одной инструкции return, и ради неё приходится писать фигурные скобки и само слово return. Для такого случая у стрелочных функций есть сокращённая форма, которая заметно упрощает восприятие кода:

// Требуется немного времени на привыкание к этой форме,
// но потом вы не сможете без неё жить
const square = (x) => x ** 2;

Отличия от полного определения два: пропали фигурные скобки и инструкция return. Сокращённая запись функции делает возврат автоматически. Подразумевается, что внутри такой функции ровно одно выражение, которое вычисляется, и её результат сразу возвращается наружу.

Подчеркнём, что отличия исключительно синтаксические, с точки зрения использования различий нет. Пример с двумя аргументами:

Полная версия

const sum = (a, b) => {
  return a + b;
};

Сокращённая версия

const sum = (a, b) => a + b;

Обратите внимание на отсутствие фигурных скобок. Разработчики, которые не привыкли использовать такой синтаксис, иногда пишут подобный код const sum = (a, b) => { a + b };, а потом долго не могут понять, почему он не работает. Ответ очень простой: если стоят фигурные скобки, то это не сокращённая форма, а значит, чтобы функция вернула значение, придётся поставить return.

Задание

Реализуйте функцию capitalize(), которая принимает непустую строку и приводит первую букву первого слова к верхнему регистру:

const name = "arya";
console.log(capitalize(name)); // => Arya

Чтобы получить подстроку (или символ) из строки, используйте метод slice():

"welcome".slice(2, 5); // lco

Для приведения строки к верхнему регистру используйте метод toUpperCase()

"welcome".toUpperCase(); // WELCOME

Полезное

Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются