为什么我的原型这么慢？

Question

好的，所以我编写了这个简单的 javascript 函数以使我的代码更具可读性：

Number.prototype.isBetween=function(a,b){
    return(this>=a&&this<b);
};

现在这变得非常缓慢：我尝试了这个“基准”（我真的不知道如何正确地做这些事情，但这证明了我的观点）：

var res=0;
var k=20;
var t=new Date().getTime();
for(var i=0;i<10000000;i++){if(k.isBetween(13,31)){res++;}}
console.log(new Date().getTime()-t);

对

var res=0;
var k=20;
var t=new Date().getTime();
for(var i=0;i<10000000;i++){if(k>=13&&k<31)){res++;}}
console.log(new Date().getTime()-t);

第一个脚本在 chrome 中大约需要 3000 毫秒（我正在使用并且我感兴趣的是 chrome），而第二个脚本只需要 24 毫秒 - 整整 125 毫秒快 .扩展现有类 javascript 是否提供了一个非常糟糕的主意？这是怎么回事？

Answer 1

原因是要应用isBetween 方法，需要将主题k 转换为Number 对象。这称为 boxing 或 primitive wrapping。

然后应用isBetween 方法，比较运算符> 需要从this 对象中检索原始值，... 两次。

这是附加函数调用（涉及堆栈）之上的所有额外开销。

这个总开销比实际需要进行的比较要多，因此对性能的影响比较大。

严格模式

正如@Bergi 在下面的cmets 中提到的，上述包装does not happen in strict mode ^MDN：

作为this 传递给严格模式中的函数的值不会被强制为对象（也称为“装箱”）。 [...] 自动装箱 [是] 性能成本 [...] 因此，对于严格模式功能，指定的 this 不会装箱到对象中。

您会发现，当切换到严格模式时，额外的性能成本会消失：

"use strict";