Урок 31. Функции JavaScript: параметры по умолчанию

Все уроки по JavaScript расположены здесь.

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

Взгляните на фрагмент кода ниже, который использует параметр по умолчанию:

function greeting (name = 'stranger') {
  console.log(`Hello, ${name}!`)
}

greeting('Nick') // Output: Hello, Nick!
greeting() // Output: Hello, stranger!

В приведенном выше примере мы использовали оператор = для присвоения name параметра значения по умолчанию 'stranger'. Это полезно иметь в случае, если мы когда-нибудь захотим включить неперсонифицированное приветствие по умолчанию!

• Когда код вызывает приветствие ('Nick'), значение аргумента передается и, 'Nick', переопределит параметр по умолчанию 'stranger', чтобы вывести 'Hello, Nick!- на консоль.
• Когда аргумент не передается в функцию greeting(), используется значение по умолчанию 'stranger' и ' Hello, stranger! Выводится на консоль.
• Используя параметр по умолчанию, мы учитываем ситуации, когда аргумент не передается в функцию, которая ожидает аргумент.

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

Упражнение

Есть функция makeShoppingList()

function makeShoppingList(item1, item2, item3){
  console.log(`Remember to buy ${item1}`);
  console.log(`Remember to buy ${item2}`);
  console.log(`Remember to buy ${item3}`);
}

создает список покупок на основе элементов, которые передаются функции в качестве аргументов.

Представьте, что вы всегда покупаете молоко, хлеб и яйца каждый раз, когда идете за продуктами. Чтобы упростить создание списка покупок, назначим параметры по умолчанию в makeShoppingList().

Измените параметры makeShoppingList() на параметры по умолчанию:

• Назначьте "молоко" в качестве значения по умолчанию item1.
• Назначьте ' хлеб’ в качестве значения по умолчанию item2.
• Назначьте ' яйца’ в качестве значения по умолчанию item3.