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

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

Когда вызывается функция без указания значения для определенного аргумента, этот аргумент принимает значение undefined по умолчанию. Например, если у нас есть функция showMessage(from, text), и мы вызываем её только с одним аргументом showMessage("Марк"), то аргумент text будет равен undefined.

// Использование параметра по умолчанию
function showMessage(from, text = "текст не добавлен") {
  alert(from + ": " + text);
}

// Вызов функции без передачи значения для text
showMessage("Марк"); // Выведет: Марк: текст не добавлен

Чтобы предотвратить подобные ситуации и предоставить значения по умолчанию для аргументов, мы можем использовать синтаксис параметров по умолчанию. Например, в функции showMessage(from, text = "текст не добавлен"), мы устанавливаем значение "текст не добавлен" для аргумента text, если он не был передан при вызове функции.

Также возможно использование более сложных выражений для параметров по умолчанию. Например, функция showMessage(from, text = anotherFunction()) будет вызывать anotherFunction() только в том случае, если значение для text не было передано при вызове.

// Использование более сложного выражения в параметре по умолчанию
function showMessage(from, text = anotherFunction()) {
  // anotherFunction() выполнится только при отсутствии переданного значения для text
  // результат будет использован в качестве значения text
}

// Вызов функции без передачи значения для text
showMessage("Аня");

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

В старых версиях JavaScript, которые не поддерживают параметры по умолчанию, применялись альтернативные методы, такие как явная проверка на undefined или использование оператора || для установки значений по умолчанию, как показано в приведенных примерах.Примеры вариантов без использования параметров по умолчанию (в старых версиях JavaScript):Явная проверка на undefined:

// Явная проверка на undefined
function showMessage(from, text) {
 if (text === undefined) {
   text = 'текст не добавлен';
 }
 alert(from + ": " + text);
}

Использование оператора || для установки значений по умолчанию:

// Использование оператора || для установки значений по умолчанию
function showMessage(from, text) {
 // Если значение text ложно, тогда присвоить параметру text значение по умолчанию
 // Заметим, что при этом пустая строка text === "" будет также считаться отсутствующим значением
 text = text || 'текст не добавлен';
 alert(from + ": " + text);
}

Альтернативные параметры по умолчанию

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

В таких случаях мы можем проверять, был ли передан определённый параметр, сравнив его с undefined:

function showMessage(text) {
 // ...
 if (text === undefined) { // если параметр не передан
   text = 'пустое сообщение';
 }
 alert(text);
}
showMessage(); // вывод: пустое сообщение

Или можно использовать оператор ||:

function showMessage(text) {
 // если значение text ложно или равняется undefined, установить text в значение 'пусто'
 text = text || 'пусто';
 ...
}

Современные движки JavaScript также поддерживают оператор нулевого слияния ??. Его использование рекомендуется, особенно если нужно рассматривать большинство ложных значений, таких как 0, как "нормальные":

function showCount(count) {
 // если count равен undefined или null, показать "неизвестно"
 alert(count ?? "неизвестно");
}
showCount(0); // вывод: 0
showCount(null); // вывод: неизвестно
showCount(); // вывод: неизвестно

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

Заключение

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