Javascript 对象成员访问

标签 javascript performance browser

我想知道对象成员的访问时间。更准确地说,我正在对 window 对象的访问时间进行基准测试。我相信我可以自己解释这里的大多数行为,但我更愿意听到一些评论。

用例:不同属性的不同访问时间?

我在 Firefox 3.6.8 (windows) 上进行基准测试,简单的测量代码如下所示:

var loop = 100000;

console.time('bench');
while(loop--){
   if(window.JSON)
      var foo = 0;
}
console.timeEnd('bench');

第一个奇怪的事情是,它使我正在查找的属性不同。例如,window.JSON 似乎比 window.localStorage 访问起来更快。还有其他属性/方法可以更快地访问。
由于 ECMA-262 Language Specification 中没有规范或定义,对象中必须有哪些顺序键,我想每个浏览器 vendor 都实现了自己的逻辑,keys 存储在内存中的顺序。
这可以解释这种行为吗?比如,JSON 是最前面的键之一,而 location 更在最后? (至少在我的测试环境中)

--

我注意到的另一件事是,调用 if(JSON)if(window.JSON) 稍快。如果我们忘记了您总是应该因为可能的引用错误而进行第二次调用,那么这些调用应该具有相同的访问时间。我知道 嵌套成员查找 上的 ECMAscripts 行为(每次遇到一个点时,嵌套成员都会导致 Javascript 引擎通过对象成员解析),所以 window.location.href 一定比 location.href 慢,但在这种情况下.. JSON 之间有区别吗>窗口.JSON ?

要结束这一点,了解window 对象是否拥有特定属性/方法的最快方法是使用IN 运算符。对于上述示例,这大约快 10 倍。

最佳答案

您注意到的第一件奇怪的事情可能是关于如何 host objects 的由浏览器实现。

localStorage 是一个宿主对象,由环境提供,JSON 另一方面,是一个 built-in object由 ECMAScript 提供。

尝试解析另一个内置的,你会得到或多或少与 JSON 相同的结果。

现在,JSONwindow.JSON 的区别:

window 只是指向自身的全局对象的一个​​属性,当您访问 window 标识符时,名称解析过程会发生以找到它。

基本引用:

JSON;

只涉及一次标识符查找(在作用域链中),并且:

window.JSON;

涉及标识符查找 (window) 和属性查找 (window.JSON)。

关于Javascript 对象成员访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3631158/

相关文章:

javascript - req.file 未定义 multer

javascript - 函数内的 fullcalendar-4

windows - Delphi 应用程序与偶尔崩溃的程序通信 - 供应商指责我的 Delphi 应用程序

c++ - 为什么我的渲染线程占用了 100% 的 cpu?

javascript - 在页面内的 div 中显示控制台错误和警报

javascript - 如何为 div 背景的不透明度设置动画?

javascript - 使用 onkeyup 处理程序进行 json 查询

c++ - 为了实现 5 个并发连接的高性能低级 Linux TCP/IP 套接字客户端,我必须采取哪些可能的选择?

android - 我的 Android 应用程序可以在隐身选项卡中打开 URL 吗?

java - 我怎样才能在 JAVA swing 的文件中使用类似 html 文件按钮的浏览器?