Как делают вызов функции с разными параметрами?

Question

[cdmax2002]

Всем добрый день!

Как делают обработку параметров при вызове функции?
Например есть следующее:

var foo = new Bar({
  x: 0,
  y: 0,
  text: 'Hello!'
});

Но можно вызвать и так:

var foo = new Bar({
  x: 0,
  y: 0,
  fill: 'color'
});

Как данные параметры обрабатываются в Bar ?
Можно ткнуть носом, где почитать.
Спасибо.

Answer 1

[bromzh]

Обычно всё вручную делают:

function Foo(name, options) {
    this.name = name || 'default name';
    options = options || {};
    this.x = options.x || 100;
    this.y = options.y || 200;
    this.text = options.text || 'default value';
    this.fill = options.fill || 'default value';
}

Но надо быть осторожнее с ||. Это применимо только тогда, когда передаваемые параметры предполагаются не равными false (с двойным равно). Т.е. если x может принимать нулевое значение, то надо будет делать уже так:

if (typeof params.x !== 'undefined') {
    this.x = params.x;
} else {
    this.x = 100;  // значение по-умолчанию
}

Ну или использовать тренарный оператор, как уже написали.

UPD
Поясню логику. В js нет опциональных параметров. Однако, если функция объявлена с одним количеством аргументов, а вызывают её с меньшим, то ошибки не возникнет, а все незаполненные параметры становятся равными undefined внутри контекста функции. И, чтобы заполнить их какими-то данными по-умолчанию, используют логическое или - ||. Далее, имеется выражение: foo|| bar. Если foo будет соответствовать лжи, то выражение вернёт второй операнд. Если foo соответствует истине, то вернёт первый (в силу ленивости оператора). Тут есть тонкий момент. undefined соответствует лжи. Однако, если функия допускает значения foo, которые могут соответствовать лжи (null, false, {}, [], ''), то это выражение не будет работать правильно. Об этом надо помнить и обрабатывать такие случаи с помощью

(if typeof foo === 'undefined') ? 'default value' : foo;

.
Ну и естественно, это выражение применимо и в обычных функциях (собственно, функция-конструктор и обычная функция ничем не отличаются, их отличает лишь использование, а именно - ключевое слово new). В таком случае пишут так:

function foo(x, y, z) {
    x = x || 1;
    y = y || 'y';
    z = z || true;
    // После такой "инициализации" идёт код, использующий эти переменные.
}

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

Comments

[Евгений Петров]

1. {} и [] никогда не могут соответствовать false.
2. new — не ключевое слово, а оператор.
3. Если функцию вызывают с меньшим количеством аргументов, чем объявлено. то ошибка определяется использованием аргументов в теле функции.

[bromzh]

Евгений Петров:
1) да, ошибся. перепутал с питоном, где пустые словари и массивы - ложны
2) это мелочи
3)

> function foo(a, b, c) {var d = c; console.log(a, b, c, d)}
> foo(1)
1 undefined undefined undefined

Где тут ошибка? Если в том же питоне так сделать, то вылезет ошибка уже при попытке вызова, в js же всё работает.

[Евгений Петров]

@bromzh: я про то и говорю, что если вы не будете без проверки использовать значения аргументов в функции, то и ошибки не будет. При этом не переданные аргументы вовсе не становятся равными undefined — при обращении к неинициализированной переменной или свойству объекта возвращается undefined, что не одно и то же, что установка значения undefined.

function foo (a) {
	console.log(a.toString());
}
foo(5); // Выводится 5
foo(); // Ошибка — у undefined нет и не может быть методов

Answer 2

[Alexander Sydorenko]

Здесь
В 3-ем ответе как раз демонстрируют то, о чем вы спрашиваете, и показывают механику этих действий.