Javascript切换与if ... else if ... else

伙计们，我有几个问题：

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

提出这个问题的原因是，switch在Firefox中大约有1000多个案例的情况下，我似乎获得了更好的性能。

编辑 Unfortuantly这不是我的代码JavaScript是正在生产服务器端从编译的库，我要的代码的访问权限。产生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的函数的输出，编写了一些JavaScript代码以解析该函数​​，然后将其转换为一组case语句。

最后，我运行了该函数，并且运行良好，但是在IE和Firefox中性能有所不同。

一般回答：

1. 是的，通常。
2. 在这里查看更多信息
3. 是的，因为每个人都有不同的JS处理引擎，但是，在下面的站点上运行测试时，开关总是在大量迭代中执行if，elseif。

测试地点

有时最好不使用它们。例如，在“派遣”情况下，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”的条件，因此会增加额外的开销，但是使用散列查找的优势（如果有很多case），可以找到特定键的函数。

switch和之间的性能差异if...else if...else很小，它们基本上可以完成相同的工作。它们之间可能有所不同的一个不同之处在于，要测试的表达式仅在switch为每个表达式求值的同时进行一次求值if。如果评估表达式的成本很高，则执行一次当然比执行一百次要快。

在浏览器之间，这些命令（以及通常的所有脚本）在实现上的差异很大。通常会在不同的浏览器中看到相同代码的巨大性能差异。

由于几乎无法在所有浏览器中对所有代码进行性能测试，因此应选择最适合您所执行工作的代码，并尝试减少已完成的工作量，而不是优化工作方式。

1. 如果存在差异，它将永远不会太大而无法引起注意。
2. 不适用
3. 不，它们的功能都相同。

基本上，使用使代码更具可读性的方法。肯定在某些地方可以使一种或多种结构更清洁，更具可读性和更易于维护。这可能比在JavaScript代码中节省几纳秒要重要得多。

除了语法以外，还可以使用使其成为树的开关来实现开关O(log n)，而if / else必须通过O(n)过程方法来实现。它们通常都在程序上进行处理，唯一的区别是语法，而且这真的很重要-除非您仍然静态地输入1万个if / else大小写？

Pointy的答案建议使用对象文字代替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();
}

在switch语句和if ... else if .... else之间，JavaScript在性能方面是否存在差异？

我不这么认为，switch如果您想避免多种if-else情况，则是有用/简短的。

各个浏览器的switch和if ... else if ... else行为是否不同？（FireFox，IE，Chrome，Opera，Safari）

所有浏览器的行为均相同：)

1. 在某些情况下，工作台可能会导致一些很小的差异，但是处理方式始终取决于浏览器，因此不值得打扰
2. 由于处理方式不同
3. 如果行为会有所不同，则不能将其称为浏览器

事实证明if-else通常比switch快

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