的Javascript开关主场迎战如果...否则，如果...否则

Question

家伙，我有几个问题：

1. 是否有switch语句和if...else之间在JavaScript的性能差异？
2. 如果是这样，为什么？
3. 是switch行为和跨浏览器if...else不同？ （FireFox，IE，Chrome，Opera，Safari）

问这个问题的原因似乎是，我在Firefox的约1000个案例中的switch声明中获得了更好的性能。

---

编辑 Unfortuantly这不是我的代码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] =传递到服务器端功能

现在我改变了函数的输出要插入一个文本区的名字，写了一些JavaScript代码通过函数解析，并将其转换为一组case语句。

最后我执行此功能，它运行良好，但性能在IE和Firefox不同。

Answer 1

接听泛泛：

1. 是的，平常LY。
2. See More Info Here
3. 是的，因为每个人都有不同的JS处理引擎，但是，在下面的网站上运行测试时，交换机总是在大量迭代中执行if，elseif。

Test site

Answer 2

是否有一个switch语句 并且如果之间 JavaScript中的性能与区别...如果还有别的....？

我不这么认为，switch是有用/短，如果你想防止多个if-else条件。

是开关的行为，并 如果...否则，如果...跨浏览器 什么不同呢？ （火狐，IE浏览器，铬，歌剧，Safari浏览器 ）

行为是相同的所有浏览器:)

Answer 3

1. 如果是有区别的，它永远不会大到足以被注意到。
2. N/A
3. 不，它们的功能完全相同。

基本上，使用任何使代码最具可读性的代码。确实有一个或其他结构可以使清洁，更易读和更易维护。这更重要，可能会在JavaScript代码中节省几纳秒。

Answer 4

1. Workbenching可能导致在某些情况下，一些非常小的差异，但处理的方式是依赖于浏览器反正太不值得费心
2. 由于处理
3. 不同的方式，你不能把它的浏览器，如果该行为会有所不同，无论如何

Answer 5

除了语法，一个开关可以用一棵树，这使得它O(log n)来实现，而的if/else必须与O(n)程序的方法来实现。更经常地，它们都是程序处理的，唯一的区别就是语法，而且它真的很重要 - 除非静态地输入10k个if/else的case吗？

Answer 6

有时候最好不要使用。例如，在“调度”的情况下，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”的等价物的额外开销，但是有一个散列查找的优点（当有大量情况时）为特定的键查找函数。

Answer 7

switch和if...else if...else之间的性能差异很小，它们基本上做了同样的工作。他们之间可能有差异的一个区别是，要测试的表达式仅在switch中评估一次，而对每个if进行评估。如果评估这个表达的代价是昂贵的，那么这样做一次当然要比做一百次更快。

这些命令（以及所有脚本一般）的实现差异在浏览器之间有很大不同。在不同的浏览器中看到相同的代码有相当大的性能差异是很常见的。

正如你很难性能测试在所有浏览器所有的代码，你应该去那个最适合你在做什么的代码，并尽量减少工作的完成，而不是优化它是如何做的量。

Answer 8

事实证明，如果其他如果通常快于切换

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

Answer 9

Pointy's answer建议使用对象常量来替代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(); 
}