Переключатель JavaScript, по сравнению с если … еще, если … еще

Question

Переключатель JavaScript, по сравнению с если … еще, если … еще

Парни у меня есть несколько вопросов:

Есть ли различие в производительности в JavaScript между a switch оператор и if...else?
Раз так, почему?
Поведение switch и if...else отличающийся через браузеры? (FireFox, IE, Chrome, Opera, Safari)

Причина того, чтобы задать этот вопрос, кажется, что я получаю лучшую производительность на a switch оператор приблизительно со случаями 1000-х в Firefox.

Отредактированный Unfortuantly это не мой код JavaScript, является произведенной серверной стороной из скомпилированной библиотеки, и у меня нет доступа к коду. Метод, который производит JavaScript, называют

CreateConditionals(string name, string arrayofvalues, string arrayofActions)

примечание: arrayofvalues список разделенных запятой значений.

то, что это производит,

function [name] (value) {
  if (value == [value from array index x]) {
     [action from array index x]
  }
}

Примечание: где [name] = имя передается в функцию серверной стороны

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

наконец я выполняю функцию, и она хорошо работает, но производительность отличается по IE и Firefox.

131

javascript cross-browser conditional

задан danwellman 19 February 2017 в 13:23

7 ответов

Иногда лучше не использовать ни то, ни другое. Например, в ситуации «отправки» 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», но преимущество (когда много случаев) поиска по хешу для поиска функции для определенного ключа.

59