Переключатель JavaScript и ifelse ifelse

Иногда лучше не использовать ни то, ни другое. Например, в ситуации «отправки» Javascript позволяет вам делать что-то совершенно по-другому:

function dispatch(funCode) {
  var map = {
    'explode': function() {
      prepExplosive();
      if (flammable()) issueWarning();
      doExplode();
    },

    'hibernate': function() {
      if (status() == 'sleeping') return;
      // ... I can't keep making this stuff up
    },
    // ...
  };

  var thisFun = map[funCode];
  if (thisFun) thisFun();
}

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

Есть дополнительные накладные расходы на вызов функции для получения эквивалента «case», но преимущество (когда много случаев) поиска по хешу для поиска функции для определенного ключа.

Разница в производительности между switch и if...else if...else небольшая, они в основном выполняют одинаковую работу. Одно различие между ними, которое может иметь значение, заключается в том, что тестируемое выражение оценивается только один раз в switch, в то время как оно оценивается для каждого if. Если оценивать выражение дорого, то сделать это один раз, конечно, быстрее, чем сто раз.

Разница в реализации этих команд (и всего скрипта в целом) в разных браузерах сильно различается. Часто можно увидеть довольно большие различия в производительности одного и того же кода в разных браузерах.

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

Помимо синтаксиса, переключатель может быть реализован с использованием дерева, которое делает его O(log n), в то время как if / else должен быть реализован с O(n) процедурным подходом. Чаще они оба обрабатываются процедурно, и единственная разница заключается в синтаксисе, и, кроме того, действительно ли это имеет значение - если вы все равно статически не набираете 10 тысяч случаев if / else?

В ответе Pointy предлагается использовать литерал объекта в качестве альтернативы switch или _2 _ / _ 3_. Мне тоже нравится этот подход, но код в ответе создает новый объект map каждый раз, когда вызывается функция dispatch:

function dispatch(funCode) {
  var map = {
    'explode': function() {
      prepExplosive();
      if (flammable()) issueWarning();
      doExplode();
    },

    'hibernate': function() {
      if (status() == 'sleeping') return;
      // ... I can't keep making this stuff up
    },
    // ...
  };

  var thisFun = map[funCode];
  if (thisFun) thisFun();
}

Если map содержит большое количество записей, это может создать значительные накладные расходы. Лучше настроить карту действий только один раз, а затем каждый раз использовать уже созданную карту, например:

var actions = {
    'explode': function() {
        prepExplosive();
        if( flammable() ) issueWarning();
        doExplode();
    },

    'hibernate': function() {
        if( status() == 'sleeping' ) return;
        // ... I can't keep making this stuff up
    },
    // ...
};

function dispatch( name ) {
    var action = actions[name];
    if( action ) action();
}

1. Если есть разница, она никогда не будет настолько большой, чтобы ее можно было заметить.
2. N/A
3. Нет, все они работают одинаково.

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

Есть ли разница в производительности в Javascript между оператором switch и if ... else if .... else?

Я так не думаю, switch полезно / коротко, если вы хотите предотвратить множественные if-else условия.

Отличается ли поведение switch и if ... else if ... else в разных браузерах? (FireFox, IE, Chrome, Opera, Safari)

Поведение одинаково во всех браузерах :)

1. В некоторых случаях рабочая среда может привести к очень небольшим различиям, но способ обработки в любом случае зависит от браузера, поэтому не стоит беспокоиться
2. Из-за разных способов обработки
3. Вы не можете назвать это браузером, если бы поведение все равно было другим.

Оказывается, if-else, если обычно быстрее, чем switch

http://jsperf.com/switch-if-else/46