Перемикач Javascript порівняно, якщо… інше, якщо… інше

Хлопці, у мене є кілька питань:

1. Чи є різниця в продуктивності JavaScript між switchоператором та an if...else?
2. Якщо так, чому?
3. Чи поведінка switchтаif...else різні веб-переглядачі? (FireFox, IE, Chrome, Opera, Safari)

Причиною задавати це питання є те, що я маю кращу ефективність у switchзаяві з приблизно 1000-ти випадками у Firefox.

Відредаговано На жаль це не мій код, 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.

Відповіді в загальних рисах:

1. Так, зазвичай.
2. Більше інформації тут
3. Так, оскільки у кожного є інший двигун обробки JS, однак, виконуючи тест на нижньому веб-сайті, перемикач завжди виконував функцію if, інакше якщо велика кількість ітерацій.

Тестовий майданчик

Іноді краще не використовувати жодного. Наприклад, у ситуації "відправки" 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", але перевага (коли є багато випадків) пошуку хешу для пошуку функції для конкретного ключа.

Різниця в продуктивності між a switchі if...else if...elseневелика, вони в основному виконують ту саму роботу. Одна з різниць між ними, яка може змінити, полягає в тому, що вираз для тестування оцінюється лише раз у той switchчас, як він оцінюється для кожного if. Якщо оцінити вираз досить дорого, це робити один раз, звичайно, швидше, ніж робити це в сто разів.

Різниця в реалізації цих команд (і всього сценарію в цілому) різниться між браузерами. Як правило, в різних браузерах спостерігаються досить великі відмінності в продуктивності одного і того ж коду.

Оскільки ви навряд чи зможете перевірити ефективність усіх кодів у всіх браузерах, вам слід шукати код, який найкраще підходить для того, що ви робите, і намагатися зменшити обсяг виконаної роботи, а не оптимізувати, як це робиться.

1. Якщо є різниця, вона ніколи не буде достатньо великою, щоб її помітили.
2. Н / З
3. Ні, всі вони функціонують однаково.

В основному, використовувати все, що робить код найбільш читабельним. Однозначно є місця, де одна чи інша конструкція робить більш чистими, читабельнішими та більш ретельними. Це набагато важливіше, що можливо збереження декількох наносекунд у коді JavaScript.

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

Відповідь Пойні пропонує використовувати об'єкт-буквал як альтернативу switchабо if/ else. Мені також подобається такий підхід, але код у відповіді створює новий 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();
}

Чи є різниця у форматі Javascript між оператором перемикання та параметром if ... else if .... else?

Я не думаю, що switchце корисно / коротко, якщо ви хочете запобігти численні if-elseумови.

Чи поведінка перемикача і якщо ... інше, якщо ... інше відрізняється в браузерах? (FireFox, IE, Chrome, Opera, Safari)

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

1. Workbenching може призвести до дуже невеликих відмінностей у деяких випадках, але спосіб обробки в будь-якому випадку залежить від браузера, тому не варто турбуватися
2. Через різні способи обробки
3. Ви не можете назвати його веб-переглядачем, якщо поведінка все одно відрізнятиметься

Виявляється, що якщо інакше, як правило, швидше, ніж комутація

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