Javascript beralih vs. if… else if… else

Kawan, saya punya beberapa pertanyaan:

1. Apakah ada perbedaan kinerja dalam JavaScript antara switchpernyataan danif...else ?
2. Jika demikian mengapa?
3. Apakah perilaku switchdan if...elseperbedaan antar browser? (FireFox, IE, Chrome, Opera, Safari)

Alasan untuk mengajukan pertanyaan ini adalah sepertinya saya mendapatkan kinerja yang lebih baik pada switchpernyataan dengan sekitar 1000-an kasus di Firefox.

Diedit Sayangnya ini bukan kode saya, Javascript sedang diproduksi di sisi server dari perpustakaan yang dikompilasi dan saya tidak memiliki akses ke kode tersebut. Metode yang menghasilkan javascript disebut

CreateConditionals(string name, string arrayofvalues, string arrayofActions)

note arrayofvaluesadalah daftar yang dipisahkan koma.

apa yang ia hasilkan adalah

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

Catatan: where [name]= nama diteruskan ke fungsi serveride

Sekarang saya mengubah output dari fungsi yang akan dimasukkan ke dalam TextArea, menulis beberapa kode JavaScript untuk mem-parsing melalui fungsi, dan mengubahnya menjadi seperangkat case pernyataan.

akhirnya saya menjalankan fungsinya dan itu berjalan dengan baik tetapi kinerja berbeda di IE dan Firefox.

Menjawab secara umum:

1. Ya, biasanya
2. Lihat Info Lebih Lanjut Di Sini
3. Ya, karena masing-masing memiliki mesin pengolah JS yang berbeda, namun, dalam menjalankan tes di situs di bawah ini, sakelar selalu keluar melakukan if, jika tidak pada sejumlah besar iterasi.

Situs uji

Terkadang lebih baik tidak menggunakan keduanya. Misalnya, dalam situasi "pengiriman", Javascript memungkinkan Anda melakukan sesuatu dengan cara yang sama sekali berbeda:

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

Menyiapkan percabangan multi-arah dengan membuat objek memiliki banyak keuntungan. Anda dapat menambah dan menghapus fungsionalitas secara dinamis. Anda dapat membuat tabel pengiriman dari data. Anda dapat memeriksanya secara terprogram. Anda dapat membangun penangan dengan fungsi lain.

Ada overhead yang ditambahkan dari panggilan fungsi untuk mendapatkan setara dengan "case", tetapi keuntungan (ketika ada banyak kasus) dari pencarian hash untuk menemukan fungsi untuk kunci tertentu.

Perbedaan kinerja antara a switchdan if...else if...elsekecil, pada dasarnya mereka melakukan pekerjaan yang sama. Satu perbedaan di antara mereka yang mungkin membuat perbedaan adalah bahwa ekspresi untuk diuji hanya dievaluasi sesekali switchitu dievaluasi untuk masing-masing if. Jika mengevaluasi ekspresi itu mahal, melakukannya sekali saja tentu saja lebih cepat daripada melakukannya seratus kali.

Perbedaan dalam implementasi perintah-perintah itu (dan semua skrip pada umumnya) berbeda sedikit antara browser. Adalah umum untuk melihat perbedaan kinerja yang agak besar untuk kode yang sama di browser yang berbeda.

Karena Anda hampir tidak dapat menguji kinerja semua kode di semua browser, Anda harus mencari kode yang paling cocok untuk apa yang Anda lakukan, dan mencoba untuk mengurangi jumlah pekerjaan yang dilakukan daripada mengoptimalkan cara melakukannya.

1. Jika ada perbedaan, itu tidak akan pernah cukup besar untuk diperhatikan.
2. T / A
3. Tidak, semuanya berfungsi secara identik.

Pada dasarnya, gunakan apa pun yang membuat kode itu paling mudah dibaca. Pasti ada tempat di mana satu atau yang lain membuat konstruksi menjadi lebih bersih, lebih mudah dibaca dan lebih dapat dipelihara. Ini jauh lebih penting yang mungkin menyimpan beberapa nanodetik dalam kode JavaScript.

Selain sintaks, sebuah saklar dapat diimplementasikan menggunakan pohon yang membuatnya O(log n), sementara jika / harus diimplementasikan dengan O(n)pendekatan prosedural. Lebih sering keduanya diproses secara prosedural dan satu-satunya perbedaan adalah sintaksis, dan terlebih lagi apakah itu benar-benar penting - kecuali jika Anda secara statis mengetikkan 10k kasus if / else?

Jawaban Pointy menyarankan penggunaan objek literal sebagai alternatif switchatau if/ else. Saya suka pendekatan ini juga, tetapi kode dalam jawaban menciptakan mapobjek baru setiap kali dispatchfungsi dipanggil:

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

Jika mapberisi banyak entri, ini dapat membuat overhead yang signifikan. Lebih baik mengatur peta tindakan hanya sekali dan kemudian menggunakan peta yang sudah dibuat setiap kali, misalnya:

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

Apakah ada perbedaan dalm Javascript antara pernyataan sakelar dan if ... else if .... else?

Saya rasa tidak, switchberguna / singkat jika Anda ingin mencegah beberapa if-elsekondisi.

Apakah perilaku sakelar dan jika ... selain itu ... berbeda di semua browser? (FireFox, IE, Chrome, Opera, Safari)

Perilaku sama di semua browser :)

1. Workbenching mungkin menghasilkan beberapa perbedaan yang sangat kecil dalam beberapa kasus tetapi cara pemrosesan tergantung pada browser sehingga tidak layak untuk diganggu
2. Karena berbagai cara pengolahan
3. Anda tidak dapat menyebutnya browser jika perilakunya akan berbeda

Ternyata kalau-kalau kalau umumnya lebih cepat dari saklar

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