Javascript สลับกับถ้า ... เป็นอย่างอื่นถ้าเป็นอย่างอื่น

พวกฉันมีคำถามสองสามข้อ:

1. มีความแตกต่างของประสิทธิภาพใน JavaScript ระหว่างswitchข้อความสั่งและข้อความif...elseหรือไม่?
2. ถ้าเป็นเช่นนั้นทำไม
3. พฤติกรรมของswitchและif...elseแตกต่างกันในเบราว์เซอร์หรือไม่ (FireFox, IE, Chrome, Opera, Safari)

เหตุผลในการถามคำถามนี้ดูเหมือนว่าฉันจะได้รับประสิทธิภาพที่ดีขึ้นในswitchข้อความที่มีประมาณ 1,000 กรณีใน Firefox

แก้ไขแล้ว Unfortuantly นี่ไม่ใช่รหัสของฉัน Javascript กำลังสร้างเซิร์ฟเวอร์จากไลบรารีที่รวบรวมและฉันไม่สามารถเข้าถึงรหัสได้ วิธีการที่ผลิตจาวาสคริปต์นั้นเรียกว่า

CreateConditionals(string name, string arrayofvalues, string arrayofActions)

note arrayofvaluesเป็นรายการที่คั่นด้วยเครื่องหมายจุลภาค

สิ่งที่มันผลิตคือ

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

หมายเหตุ: โดยที่[name]= ชื่อที่ส่งผ่านไปยังฟังก์ชันเซิร์ฟเวอร์

ตอนนี้ฉันเปลี่ยนเอาท์พุทของฟังก์ชั่นที่จะแทรกเข้าไปใน TextArea เขียนโค้ดจาวาสคริปต์บางส่วนเพื่อแยกวิเคราะห์ฟังก์ชั่นและแปลงเป็นชุดของcaseข้อความสั่ง

ในที่สุดฉันก็เรียกใช้ฟังก์ชั่นและมันก็ทำงานได้ดี แต่ประสิทธิภาพแตกต่างกันใน IE และ Firefox

คำตอบทั่วไป:

1. ใช่แล้ว
2. ดูข้อมูลเพิ่มเติมได้ที่นี่
3. ใช่เพราะแต่ละอันมีเอ็นจิ้นการประมวลผล JS ที่แตกต่างกันอย่างไรก็ตามในการรันการทดสอบบนไซต์ด้านล่างสวิตช์จะทำงานหาก if ifif หากมีการวนซ้ำจำนวนมาก

เว็บไซต์ทดสอบ

บางครั้งมันก็ยังดีกว่าที่จะใช้ ตัวอย่างเช่นในสถานการณ์ "ส่ง" 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" แต่ข้อดี (เมื่อมีหลายกรณี) ของการค้นหา hash เพื่อค้นหาฟังก์ชันสำหรับคีย์เฉพาะ

ความแตกต่างของประสิทธิภาพระหว่าง a switchและif...else if...elseมีขนาดเล็กโดยทั่วไปพวกเขาทำงานเดียวกัน หนึ่งความแตกต่างระหว่างพวกเขาที่อาจสร้างความแตกต่างก็คือการแสดงออกในการทดสอบการประเมินเพียงครั้งเดียวในขณะที่การประเมินผลสำหรับแต่ละswitch ifถ้ามันมีค่าใช้จ่ายสูงในการประเมินการแสดงออกการทำครั้งเดียวแน่นอนเร็วกว่าการทำร้อยครั้ง

ความแตกต่างในการใช้งานคำสั่งเหล่านั้น (และสคริปต์ทั้งหมด) แตกต่างกันเล็กน้อยระหว่างเบราว์เซอร์ เป็นเรื่องปกติที่จะเห็นความแตกต่างของประสิทธิภาพค่อนข้างมากสำหรับรหัสเดียวกันในเบราว์เซอร์ที่ต่างกัน

ในขณะที่คุณสามารถทดสอบประสิทธิภาพรหัสทั้งหมดในเบราว์เซอร์ทั้งหมดได้ยากคุณควรไปหารหัสที่เหมาะสมที่สุดสำหรับสิ่งที่คุณกำลังทำและพยายามลดปริมาณงานที่ทำแทนที่จะปรับวิธีการทำงานให้ดีที่สุด

1. หากมีความแตกต่างมันจะไม่ใหญ่พอที่จะสังเกตเห็น
2. N / A
3. ไม่พวกมันทำงานเหมือนกันหมด

โดยทั่วไปให้ใช้สิ่งที่ทำให้โค้ดอ่านได้มากที่สุด มีสถานที่แน่นอนที่หนึ่งหรือสิ่งก่อสร้างอื่น ๆ ทำให้สะอาดขึ้นอ่านได้ง่ายขึ้นและบำรุงรักษาได้มากขึ้น สิ่งนี้สำคัญยิ่งกว่าที่อาจช่วยประหยัดเวลาสักสองสามวินาทีในโค้ด JavaScript

นอกเหนือจากวากยสัมพันธ์สวิตช์สามารถนำมาใช้โดยใช้ต้นไม้ซึ่งทำให้มันO(log n)ในขณะที่ถ้า / อื่นจะต้องมีการดำเนินการด้วยO(n)วิธีการขั้นตอน บ่อยครั้งที่พวกเขาถูกประมวลผลทั้งขั้นตอนและความแตกต่างเพียงอย่างเดียวคือไวยากรณ์และยิ่งไปกว่านั้นมันมีความสำคัญ - เว้นแต่คุณจะพิมพ์กรณี 10k แบบคงที่ถ้า / อื่นอยู่แล้ว?

คำตอบแหลมของแสดงให้เห็นการใช้ตัวอักษรวัตถุเป็นทางเลือกให้นั้น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();
}

มีความแตกต่าง preformance ใน Javascript ระหว่างคำสั่งเปลี่ยนและถ้า ... อื่นถ้า .... อื่น?

ฉันไม่คิดอย่างswitchนั้นมีประโยชน์ / สั้นถ้าคุณต้องการป้องกันหลายif-elseเงื่อนไข

พฤติกรรมของสวิตช์และถ้า ... เป็นอย่างอื่นถ้า ... แตกต่างกันในเบราว์เซอร์หรือไม่ (FireFox, IE, Chrome, Opera, Safari)

พฤติกรรมเหมือนกันในทุกเบราว์เซอร์ :)

1. การปรับแต่งอาจทำให้เกิดความแตกต่างเล็กน้อยในบางกรณี แต่วิธีการประมวลผลขึ้นอยู่กับเบราว์เซอร์อยู่แล้วดังนั้นจึงไม่คุ้มค่าที่จะไปรบกวน
2. เนื่องจากวิธีการประมวลผลที่แตกต่างกัน
3. คุณไม่สามารถเรียกมันว่าเบราว์เซอร์ได้หากพฤติกรรมนั้นแตกต่างกันไป

ปรากฎว่าถ้าอื่นถ้าโดยทั่วไปเร็วกว่าสวิตช์

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