javascript - JS : How long does it take to call a function?

Question

因此，我正在编写 2d Javascript 物理模拟程序。性能很好，但我正在通过优化使其变得更好。因此，因为该程序涉及大量物理几何，所以我在程序中进行了几个勾股定理计算。总共大约有五次计算；它们一起运行大约每秒一百万次。所以，我想如果我把那个简单的勾股定理代码放到一个新函数中并调用它，它会提高性能；毕竟，这样浏览器就可以减少编译工作。因此，我在 Firefox 中运行代码并得到...该计算的执行时间增加 4000000%。

如何？这是相同的代码:Math.sqrt(x*x+y*y)，那么将它作为函数添加是如何减慢速度的呢？我认为原因是一个函数需要时间来调用，而不是执行代码，并且每秒增加一百万个这样的延迟会减慢它的速度？

这对我来说似乎相当令人担忧。这也适用于预定义的 js 函数吗？这似乎不太可能，如果是这样，他们如何避免呢？

以前的代码是这样的:

function x()
{
    dx=nx-mx;
    dy=ny-my;
    d=Math.sqrt(dx*dx+dy*dy);
    doStuff(...
}

我试过的是这样的:

function x()
{
    dx=nx-mx;
    dy=ny-my;
    d=hypo(dx,dy);
    doStuff(...
}
function hypo(x,y)
{
    return Math.sqrt(x*x+y*y);
}

谢谢!

Answer 1

函数调用可以忽略不计，甚至可以在 JS 从未有过的预编译语言中进行优化。除此之外，很大程度上取决于浏览器。

它们是解释型语言中所有性能的终结，而 JS 直到最近才成为主要表现形式。大多数现代浏览器都有 JIT(即时)编译器，这是对过去 JS 解释器的巨大升级，但我相信对另一个范围的函数调用仍然需要一些开销，因为 JS 的调用对象必须确定实际调用的是什么，这意味着在各种作用域链上上下移动。

因此作为一般规则:如果您关心 IE8 以及较低和较旧版本的 Chrome 和 Firefox，请避免函数调用期。特别是内部循环。对于 JIT 浏览器，我希望在另一个函数中定义一个函数通常是有益的(但我仍然会测试，因为这是 IE9 的全新技术，对其他人来说相对较新)。

还有一点需要注意。如果一个函数特别复杂，JIT 可能不会做任何优化它们的事情。

https://groups.google.com/forum/#!msg/closure-compiler-discuss/4B4IcUJ4SUA/OqYWpSklTE4J

但是需要理解的重要一点是，当某些东西被锁定并且只在上下文中调用时，就像函数中的函数一样，JIT 应该很容易优化。在函数外部定义，它必须确定确切调用该函数的哪个定义。它可以在外部函数中。它可以是全局性的。它可能是 window 对象的构造函数原型(prototype)的属性，等等......在函数是一流的语言中，这意味着它们的引用可以像传递数据一样作为 args 传递，你无法真正避免这一步在您当前的上下文之外。

所以尝试在 X 中定义 hypo 看看会发生什么。

在 JIT 中可能仍然有值(value)的解释时代的另外一些一般性技巧:

• '.' someObject.property 中的运算符是一个值得缓存的过程。它会产生开销，因为每次使用它时都会有一个关联的调用对象查找过程。我想 Chrome 不会保留这个过程的结果，因为对父对象或原型(prototype)的更改可能会改变它在给定上下文之外实际引用的内容。在您的示例中，如果 x 正在被循环使用(如果 x 定义在与 JIT 中的循环相同的函数中 - 解释器中的谋杀)，则可能没问题甚至有用)，我会尝试在使用 Math.sqrt 之前将其分配给 var在低处。过多地引用当前函数上下文之外的内容可能会导致一些 JIT 认为不值得费心去优化，但这纯粹是我的猜测。

• 以下可能是循环数组的最快方法:

//assume a giant array called someArray
var i = someArray.length; //note the property lookup process being cached here
//'someArray.reverse()' if original order isimportant
while(i--){
  //now do stuff with someArray[i];
}

注意:代码块由于某种原因不能在这里工作。

这样做会很有帮助，因为它基本上将递增/递减步骤和逻辑比较变形为递减，完全消除了对左/右比较运算符的需要。请注意，在 JS 中，右侧递减运算符意味着 i 被传递以进行评估，然后在 block 内使用之前递减。 while(0) 的计算结果为 false。