因此，我正在编写 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);
}
谢谢!
最佳答案
函数调用可以忽略不计，甚至可以在 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。
关于javascript - JS : How long does it take to call a function?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10133176/
我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的
我开始了一个新的Rails3.2.5项目，Assets管道不再工作了。CSS和Javascript文件不再编译。这是尝试生成Assets时日志的输出:StartedGET"/assets/application.css?body=1"for127.0.0.1at2012-06-1623:59:11-0700Servedasset/application.css-200OK(0ms)[2012-06-1623:59:11]ERRORNoMethodError:undefinedmethod`each'fornil:NilClass/Users/greg/.rbenv/versions/1
rails新手。只是想了解\assests目录中的这两个文件。例如，application.js文件有如下行://=requirejquery//=requirejquery_ujs//=require_tree.我理解require_tree。只是将所有JS文件添加到当前目录中。根据上下文，我可以看出requirejquery添加了jQuery库。但是它从哪里得到这些jQuery库呢？我没有在我的Assets文件夹中看到任何jquery.js文件——或者直接在我的整个应用程序中没有看到任何jquery.js文件？同样，我正在按照一些说明安装TwitterBootstrap(http:
我有这个:AccountSummary我想单击该链接，但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan
我有一个包含多个组件的存储库，其中大部分是用JavaScript(Node.js)编写的，一个是用Ruby(RubyonRails)编写的。我想要一个.travis.yml文件来触发一个运行每个组件的所有测试的构建。根据thisTravisCIGoogleGroupthread，目前还没有官方支持。我的目录结构是这样的:.├──构建服务器├──核心├──扩展├──网络应用├──流浪文件├──package.json├──.travis.yml└──生成文件我希望能够运行特定版本的Ruby(2.2.2)和Node.js(0.12.2)。我已经有了一个make目标，所以maketest在每
我看到有关未找到文件min.map的错误消息:GETjQuery'sjquery-1.10.2.min.mapistriggeringa404(NotFound)截图这是从哪里来的？ 最佳答案 如果ChromeDevTools报告.map文件的404(可能是jquery-1.10.2.min.map、jquery.min.map或jquery-2.0.3.min.map，但任何事情都可能发生)首先要知道的是，这仅在使用DevTools时才会请求。您的用户不会遇到此404。现在您可以修复此问题或禁用sourcemap功能。修复:获取文
我有一个用Rails3编写的站点。我的帖子模型有一个名为“内容”的文本列。在帖子面板中，html表单使用tinymce将“content”列设置为textarea字段。在首页，因为使用了tinymce，post.html.erb的代码需要用这样的原始方法来实现。.好的，现在如果我关闭浏览器javascript，这个文本区域可以在没有tinymce的情况下输入，也许用户会输入任何xss，比如alert('xss');.我的前台会显示那个警告框。我尝试sanitize(@post.content)在posts_controller中，但sanitize方法将相互过滤tinymce样式。例如
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visitthehelpcenter指导。关闭9年前。多年来，我一直在使用多种语言进行编程，并且认为自己总体上相当擅长。但是，我从未编写过任何自动化测试:没有单元测试，没有TDD，没有BDD，什么都没有。我已经尝试开始为我的项目编写适当的测试套件。我可以看到在进行任何更改后能够自动测试项目中所有代码的理论值(value)。我可以看到像RSpec和Mocha这样的测试框架应该如何使设置和运行所述测试变得相当容易
出于某种原因，我必须为Firefox禁用javascript(手动，我们按照提到的步骤执行http://support.mozilla.org/en-US/kb/javascript-settings-for-interactive-web-pages#w_enabling-and-disabling-javascript)。使用Ruby的SeleniumWebDriver如何实现这一点？ 最佳答案 是的，这是可能的。而是另一种方式。您首先需要查看链接Selenium::WebDriver::Firefox::Profile#[]=
我需要一些指导来了解如何将Angular整合到rails中。选择Rails的原因:我喜欢他们偏执的做事方式。还有迁移，gem真的很酷。使用angular的原因:我正在研究和寻找最适合SPA的框架。Backbone似乎太抽象了。我不得不在Angular和Ember之间做出选择。我首先开始阅读Angular，它对我来说很有意义。所以我从来没有去读过关于ember的文章。使用Angular和Rails的原因:我研究并尝试使用小型框架，例如grape、slim(是的，我也使用php)。但我觉得需要坚持项目的长期范围。我个人喜欢用Rails的方式做事。这就是我需要帮助的地方，我在Rails4中有