JavaScript 替换为回调 - 性能问题

Question

在 JavaScript 中，您可以在正则表达式字符串替换操作中定义回调处理程序：

str.replace(/str[123]|etc/, replaceCallback); 

假设您有一个字符串和替换的查找对象。

var lookup = {"str1": "repl1", "str2": "repl2", "str3": "repl3", "etc": "etc" };

还有这个回调函数：

var replaceCallback = function(match) { 
  if (lookup[match])
    return lookup[match]; 
  else
    return match;
}

您如何评估上述回调的表现？有没有可靠的方法来改进它？会

if (match in lookup) //....

甚至

return lookup[match] || match;

给 JS 编译器带来了优化的机会，还是一回事？

Answer 1

您可以使用像 JSLitmus 这样的基准测试工具来对不同的方法进行基准测试。请务必测试不同的浏览器。

Answer 2

+1 就性能基准向 Annie 提出建议。

但我会选择

return lookup[match] || match;

它不仅只是对属性的一次检索（而不是像您之前的示例中那样——禁止优化——两次），而且它也更短并且（对于更短的代码并不总是如此）对任何经验不足的 JavaScript 编码人员来说都更清楚。它往往会让新手有点难受，但您首先要教给新手的一件事是特殊（和优秀）|| 和 && 如何在 JavaScript 中工作，所以...

在某些实现中，它还可以解决几个（非常）边缘情况。 （例如：'toString' in {} 应该是 true [所有对象都从 Object 原型继承 toString]，但在 Microsoft 的 JScript 中它是 false。）

关于优化：除非是显而易见的（不要让你的循环条件成为一个函数，如果它可以是一个不变量，就必须去计数，避免不必要地重复查找），即使没有关于是否值得担心的一般性讨论在您发现问题之前（有时称为“过早优化”），对于一般 Web 的 JavaScript 尤其如此。不同的微优化在不同的实现中会产生不同的结果，有时会产生冲突的结果（“A”在 Internet Explorer 中更好，但在 FireFox 中更差，反之亦然）。主要是等到你看到一个特定的问题，然后解决这个特定的问题。

我更喜欢简洁明了，除非我有充分的理由相信更笨重的东西会给我带来可衡量的现实改进。