Javascript-Schalter vs. wenn ... sonst wenn ... sonst

Leute, ich habe ein paar Fragen:

1. Gibt es in JavaScript einen Leistungsunterschied zwischen einer switchAnweisung und einer if...else?
2. Wenn ja warum?
3. Ist das Verhalten switchund if...elseandere in allen Browsern? (FireFox, IE, Chrome, Opera, Safari)

Der Grund für diese Frage ist, dass ich bei einer switchAussage mit ca. 1000 Fällen in Firefox anscheinend eine bessere Leistung erhalte .

Bearbeitet Leider ist dies nicht mein Code. Das Javascript wird serverseitig aus einer kompilierten Bibliothek erstellt und ich habe keinen Zugriff auf den Code. Die Methode, mit der das Javascript erstellt wird, wird aufgerufen

CreateConditionals(string name, string arrayofvalues, string arrayofActions)

note arrayofvaluesist eine durch Kommas getrennte Liste.

was es produziert ist

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

Hinweis: Dabei wird [name]der Name an die serverseitige Funktion übergeben

Jetzt habe ich die Ausgabe der Funktion, die in eine TextArea eingefügt werden soll, geändert, JavaScript-Code geschrieben, um die Funktion zu analysieren, und ihn in eine Reihe von caseAnweisungen konvertiert .

Schließlich starte ich die Funktion und sie läuft gut, aber die Leistung unterscheidet sich in IE und Firefox.

Allgemein antworten:

1. Ja normalerweise.
2. Weitere Informationen finden Sie hier
3. Ja, da jede über eine andere JS-Verarbeitungs-Engine verfügt. Bei der Ausführung eines Tests auf der folgenden Site führte der Switch jedoch immer das if, elseif für eine große Anzahl von Iterationen aus.

Teststelle

Manchmal ist es besser, keine zu verwenden. In einer "Versandsituation" können Sie beispielsweise mit Javascript ganz andere Dinge tun:

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();
}

Das Einrichten einer Mehrwegverzweigung durch Erstellen eines Objekts bietet viele Vorteile. Sie können Funktionen dynamisch hinzufügen und entfernen. Sie können die Versandtabelle aus Daten erstellen. Sie können es programmgesteuert untersuchen. Sie können die Handler mit anderen Funktionen erstellen.

Es gibt den zusätzlichen Aufwand eines Funktionsaufrufs, um das Äquivalent eines "Falls" zu erhalten, aber den Vorteil (wenn es viele Fälle gibt) einer Hash-Suche, um die Funktion für einen bestimmten Schlüssel zu finden.

Der Leistungsunterschied zwischen a switchund if...else if...elseist gering, sie machen im Grunde die gleiche Arbeit. Ein Unterschied zwischen ihnen, der einen Unterschied machen kann, besteht darin, dass der zu testende Ausdruck nur gelegentlich switchausgewertet wird if. Wenn es teuer ist, den Ausdruck zu bewerten, ist es natürlich schneller, ihn einmal zu machen, als ihn hundertmal zu machen.

Der Unterschied in der Implementierung dieser Befehle (und aller Skripte im Allgemeinen) unterscheidet sich zwischen den Browsern erheblich. In verschiedenen Browsern treten häufig große Leistungsunterschiede für denselben Code auf.

Da Sie kaum den gesamten Code in allen Browsern auf Leistung testen können, sollten Sie sich für den Code entscheiden, der am besten zu Ihrer Arbeit passt, und versuchen, den Arbeitsaufwand zu reduzieren, anstatt die Arbeitsweise zu optimieren.

1. Wenn es einen Unterschied gibt, wird er niemals groß genug sein, um bemerkt zu werden.
2. N / A
3. Nein, sie funktionieren alle identisch.

Verwenden Sie grundsätzlich alles, was den Code am besten lesbar macht. Es gibt definitiv Orte, an denen das eine oder andere Konstrukt sauberer, lesbarer und wartbarer ist. Dies ist weitaus wichtiger als das Speichern einiger Nanosekunden in JavaScript-Code.

Anders als die Syntax kann ein Switch mithilfe eines Baums implementiert werden, der ihn erstellt O(log n), während ein if / else mit einem O(n)prozeduralen Ansatz implementiert werden muss. Häufiger werden beide prozedural verarbeitet und der einzige Unterschied ist die Syntax. Darüber hinaus spielt es wirklich eine Rolle - es sei denn, Sie geben statisch 10.000 Fälle von if / else ein?

Die Antwort von Pointy schlägt die Verwendung eines Objektliteral als Alternative zu switchoder if/ vor else. Ich mag diesen Ansatz auch, aber der Code in der Antwort erstellt mapjedes Mal ein neues Objekt, wenn die dispatchFunktion aufgerufen wird:

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();
}

Wenn mapeine große Anzahl von Einträgen enthalten ist, kann dies zu einem erheblichen Overhead führen. Es ist besser, die Aktionskarte nur einmal einzurichten und dann jedes Mal die bereits erstellte Karte zu verwenden, zum Beispiel:

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();
}

Gibt es in Javascript einen Leistungsunterschied zwischen einer switch-Anweisung und einer if ... else if .... else?

Ich denke nicht, switchist nützlich / kurz, wenn Sie mehrere if-elseBedingungen verhindern wollen .

Ist das Verhalten des Wechsels und wenn ... sonst wenn ... sonst zwischen den Browsern unterschiedlich? (FireFox, IE, Chrome, Opera, Safari)

Das Verhalten ist in allen Browsern gleich :)

1. Workbenching kann in einigen Fällen zu sehr kleinen Unterschieden führen, aber die Art der Verarbeitung ist ohnehin browserabhängig, sodass es sich nicht lohnt, sich darum zu kümmern
2. Wegen unterschiedlicher Verarbeitungsweisen
3. Sie können es nicht als Browser bezeichnen, wenn das Verhalten sowieso anders wäre

Es stellt sich heraus, dass if-else im Allgemeinen schneller als switch ist

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