Javascript anahtarı vs. if… else if… else

Çocuklar birkaç sorum var:

1. JavaScript'te bir switchifade ile bir arasında bir performans farkı var mı if...else?
2. Öyleyse neden?
3. Tarayıcıların davranışı switchve if...elsetarayıcılar arasında farklı mı? (FireFox, IE, Chrome, Opera, Safari)

Bu soruyu sormanın nedeni switch, Firefox'ta yaklaşık 1000'li vakalarla yapılan bir açıklamada daha iyi performans elde etmem gibi görünüyor .

Düzenlenen Unfortuantly bu Javascript derlenmiş kütüphaneden serverside üretiliyor benim kod değil ve koda erişim sağlayamamaktadır. Javascript üreten yöntem denir

CreateConditionals(string name, string arrayofvalues, string arrayofActions)

note arrayofvalues, virgülle ayrılmış bir listedir.

ürettiği şey

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

Not: where [name]= sunucu tarafı işlevine geçen ad

Şimdi bir TextArea içine eklenecek fonksiyonun çıktısını değiştirdim, fonksiyon boyunca ayrıştırmak için bazı JavaScript kodu yazdım ve bir dizi caseifadeye dönüştürdüm .

Sonunda işlevi çalıştırın ve iyi çalışır ama performans IE ve Firefox farklıdır.

Genellemelerde cevaplama:

1. Evet, genellikle.
2. Daha Fazla Bilgi Burada
3. Evet, her biri farklı bir JS işleme motoruna sahip olduğundan, aşağıdaki sitede bir test çalıştırırken, anahtar her zaman if, elseif'i çok sayıda yinelemede gerçekleştirdi.

Test sitesi

Bazen hiçbirini kullanmamak daha iyidir. Örneğin, "gönderme" durumunda, Javascript işleri tamamen farklı bir şekilde yapmanızı sağlar:

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

Bir nesne oluşturarak çok yönlü dallamanın ayarlanmasının birçok avantajı vardır. İşlevselliği dinamik olarak ekleyebilir ve kaldırabilirsiniz. Veriden dağıtım tablosunu oluşturabilirsiniz. Programlı olarak inceleyebilirsiniz. İşleyicileri diğer işlevlerle oluşturabilirsiniz.

Bir "vaka" eşdeğerine ulaşmak için bir işlev çağrısının ek yükü vardır, ancak belirli bir anahtarın işlevini bulmak için karma aramanın avantajı (çok sayıda vaka olduğunda) vardır.

A switchve arasındaki performans farkı if...else if...elseküçüktür, temelde aynı işi yaparlar. Aralarında fark yaratabilecek bir fark, test edilecek ifadenin switcharada bir değerlendirilmesidir ve her biri için değerlendirilir if. İfadeyi değerlendirmek pahalıysa, bir kez yapmak elbette yüz kez yapmaktan daha hızlıdır.

Bu komutların (ve genel olarak tüm komut dosyalarının) uygulanmasındaki fark, tarayıcılar arasında biraz farklıdır. Farklı tarayıcılarda aynı kod için oldukça büyük performans farklılıkları görmek yaygındır.

Tüm tarayıcılardaki tüm kodları neredeyse hiç test edemediğiniz için, yaptığınız işe en uygun kodu seçmeli ve nasıl yapıldığını optimize etmek yerine yapılan iş miktarını azaltmaya çalışmalısınız.

1. Bir fark varsa, farkedilecek kadar büyük olmayacaktır.
2. N / A
3. Hayır, hepsi aynı şekilde çalışıyor.

Temel olarak, kodu en okunabilir yapan her şeyi kullanın. Kesinlikle bir veya diğer yapıların daha temiz, daha okunabilir ve daha sürdürülebilir olmasını sağlayan yerler vardır. Bu, JavaScript kodunda birkaç nanosaniyeden tasarruf etmenin çok daha önemlidir.

Sözdizimi dışında bir anahtar, bunu yapan bir ağaç kullanılarak uygulanabilirken O(log n), bir if / elseO(n) işlemsel yaklaşımla uygulanmalıdır . Daha sık olarak, her ikisi de prosedürel olarak işlenir ve tek fark sözdizimidir ve dahası, statik olarak 10k vakaları if / else yazmıyorsanız, gerçekten önemli mi?

Pointy'nin cevabı , / switchveya nesnesine alternatif olarak bir nesnenin kullanılmasını önerir . Ben de bu yaklaşımı seviyorum, ancak her işlev çağrıldığında yanıt kodu yeni bir nesne oluşturur :ifelsemapdispatch

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

Eğer mapgirişlerin çok sayıda içerir, bu önemli ek yük oluşturabilir. Eylem haritasını yalnızca bir kez ayarlamak ve ardından her defasında önceden oluşturulmuş haritayı kullanmak daha iyidir, örneğin:

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'te bir switch deyimi ile bir if ... else if .... else arasında bir performans farkı var mı?

Bence switchbirden fazla if-elsekoşulu önlemek istiyorsanız faydalı / kısa .

Anahtarın davranışı ve if ... else if ... else tarayıcılar arasında farklı mı? (FireFox, IE, Chrome, Opera, Safari)

Davranış tüm tarayıcılarda aynıdır :)

1. Çalışma tezgahı bazı durumlarda çok küçük farklılıklara neden olabilir, ancak işleme biçimi yine de tarayıcıya bağımlıdır, bu yüzden rahatsız etmeye değmez
2. Farklı işleme yöntemleri nedeniyle
3. Davranış yine de farklı olursa tarayıcıya diyemezsiniz

Genelde anahtardan daha hızlı ise

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