1

Как правильно задать необязательный параметр в функции JS? Пишу как принято в PHP:

function process(param, aparam, bparam = false)
{
    // выполняется некоторый код здесь
        if (bparam)
        {
            // выполнить код
        }
}

Т.е. bparam может быть передан, а может и отсутствовать.
В Mozilla весь код работает, ошибок нет. В Opera, IE не работает, ошибка Uncaught SyntaxError: Unexpected token = ссылается на строку function process(param, aparam, bparam = false)

2 ответа 2

8

В JavaScript (до ECMAScript 6) нельзя задать значение параметра по умолчанию. Но можно параметр просто не передавать при вызове. В этом случае внутри функции он будет равен undefined. Поэтому можно сделать так:

function process(param, aparam, bparam) {
    if (bparam == undefined) bparam = false;
    // . . .
}

А можно немного схитрить:

function f(arg) {
    var tag = document.getElementById("out");
    out.innerHTML = arg ? "true" : "false";
}
<button onclick="f();">f()</button>
<br />
<button onclick="f(true);">f(true)</button>
<br />
<button onclick="f(false);">f(false)</button>
<br />
<div id="out"></div>

Значения по умолчанию нет, аргумента нет, но при этом всё работает! Почему? Всё дело в том, что при проверке в if значение undefined будет эквивалентно false.

2
  • В моем случае хитрость будет иметь вид: var $d = d ? true : false; и проверка if ($d) {... или можно без создания переменной сделать?
    – Plush
    5 фев 2016 в 13:09
  • @Plush if (d) { /* ветка для true */ } else { /* ветка для false/undefined */ }
    – user194374
    5 фев 2016 в 13:13
4

В ES6 добавили возможность задавать параметры по умолчанию

function multiply(a, b = 1) {
  return a*b;
}

multiply(5); // 5

Но так как эта возможность поддерживается не всеми браузерами вы и получаете указанную ошибку.

Можете использовать старый способ задания значения по умолчанию

function multiply(a, b) {
  b = typeof b !== 'undefined' ?  b : 1;

  return a*b;
}

multiply(5); // 5

Если undefined допустимое значение параметра, то так же можно проверить количество переданных параметров с помощью arguments.length

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.