草庐IT

javascript - Chrome 性能 : "standard" property names vs. 非标准

coder 2024-05-12 原文

所以这是一个有趣的问题......当我测试 setAttribute 与元素上的普通属性集的性能时,我发现了一个奇怪的行为,然后我在常规对象上测试了它......它仍然很奇怪!

因此,如果您有一个对象 A = {}, 并将其属性设置为 A['abc_def'] = 1A.abc_def = 1,它们基​​本相同。 但是,如果你执行 A['abc-def'] = 1 或 A['123-def'] = 1 那么你就有麻烦了。它走得更慢。 我在这里设置了一个测试:http://jsfiddle.net/naPYL/1/ .它们在除 chrome 之外的所有浏览器上都工作相同。 有趣的是,对于“abc_def”属性,正如我所料,chrome 实际上比 Firefox 和 IE 快得多。但对于“abc-def”,它至少慢两倍。

所以这里基本上发生的事情(至少从我的测试来看)是当对属性使用“正确的”语法时(合法的 C 语法,您可以将其与点属性一起使用)- 它很快,但是当您使用需要使用的语法时括号 (a[...]) 那么你就有麻烦了。

我试图想象什么样的实现细节会以这种方式区分这两种模式,但无法想象。因为正如我所想,如果你确实支持那些非标准名称,你可能会将所有名称翻译成相同的机制,剩下的只是编译到该机制中的语法。所以 。编译后语法和 [] 应该完全相同。但显然这里有些事情正在以相反的方式进行......

如果不看 V8 的源代码,谁能想到一个真正令人满意的答案? (将其视为练习 :-))

Here's also a quick jsperf.com example

感谢 NDM 提供的 jsperf 示例!

Edit:

To clarify, of course I want also a concrete answer from the real code (which I already found) or to be more precise - the reason behind that specific implementation. That is one of the reasons I asked you to look at it "as an exercise", to look behind the technical implementation and try to find the reason.

But I also wanted to see how other people's minds work in cases like these. This may sound "vague" to some of you - but it is very useful to try and think like other people from time to time, or take their point of view. It enhances your own ways of thinking.

最佳答案

因此 JS 对象可以用于两个相互冲突的目的。它们可以用作对象,但也可以用作哈希表。然而,什么是快速且有意义的 对于对象不是哈希表,因此 V8 尝试猜测给定对象是什么。

用户可以给出他想要字典的一些标志是删除属性或giving a property a name that cannot be accessed using dot notation .

还用到了一些其他的heuristics,我做了一个gist https://gist.github.com/petkaantonov/6327915 .

但是有 a really cool hack从哈希表 hell 中赎回一个对象:

function ensureFastProperties(obj) {
    function f() {}
    f.prototype = obj;
    return obj;
}

查看实际效果:http://jsperf.com/property-dash-parformance/2 .

赎回对象不如原始对象快,因为属性存储在外部属性数组中而不是对象内。但这仍然比哈希表好得多。请注意,这仍然是非常糟糕的基准测试,不要认为哈希表只比 inobject 属性慢 2 倍。

关于javascript - Chrome 性能 : "standard" property names vs. 非标准,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19044179/

有关javascript - Chrome 性能 : "standard" property names vs. 非标准的更多相关文章

  1. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身,new.html.erb,有代码:当我运行rspec时,它失败了:1)messages/new.html.erbshou

  2. ruby-on-rails - 由于 "wkhtmltopdf",PDFKIT 显然无法正常工作 - 2

    我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中,我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

  3. ruby - 检查 "command"的输出应该包含 NilClass 的意外崩溃 - 2

    为了将Cucumber用于命令行脚本,我按照提供的说明安装了arubagem。它在我的Gemfile中,我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作,我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了,但失败的原因是错误的:@announceScenario:Testingcucumber/ar

  4. ruby-on-rails - 迷你测试错误 : "NameError: uninitialized constant" - 2

    我遵循MichaelHartl的“RubyonRails教程:学习Web开发”,并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符,电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时,所有测试都通过了,但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test

  5. ruby-on-rails - 相关表上的范围为 "WHERE ... LIKE" - 2

    我正在尝试从Postgresql表(table1)中获取数据,该表由另一个相关表(property)的字段(table2)过滤。在纯SQL中,我会这样编写查询:SELECT*FROMtable1JOINtable2USING(table2_id)WHEREtable2.propertyLIKE'query%'这工作正常:scope:my_scope,->(query){includes(:table2).where("table2.property":query)}但我真正需要的是使用LIKE运算符进行过滤,而不是严格相等。然而,这是行不通的:scope:my_scope,->(que

  6. 使用 ACL 调用 upload_file 时出现 Ruby S3 "Access Denied"错误 - 2

    我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常,除了该文件不是公开可用的,而且我无法获得它的公共(public)URL。但是当我登录到S3时,我可以正常查看我的文件。为了使其公开可用,我将最后一行更改为obj.upload_file(file

  7. ruby - 安装 Ruby 时遇到问题(无法下载资源 "readline--patch") - 2

    当我尝试安装Ruby时遇到此错误。我试过查看this和this但无济于事➜~brewinstallrubyWarning:YouareusingOSX10.12.Wedonotprovidesupportforthispre-releaseversion.Youmayencounterbuildfailuresorotherbreakages.Pleasecreatepull-requestsinsteadoffilingissues.==>Installingdependenciesforruby:readline,libyaml,makedepend==>Installingrub

  8. ruby - RVM "ERROR: Unable to checkout branch ."单用户 - 2

    我在新的Debian6VirtualBoxVM上安装RVM时遇到问题。我已经安装了所有需要的包并使用下载了安装脚本(curl-shttps://rvm.beginrescueend.com/install/rvm)>rvm,但以单个用户身份运行时bashrvm我收到以下错误消息:ERROR:Unabletocheckoutbranch.安装在这里停止,并且(据我所知)没有安装RVM的任何文件。如果我以root身份运行脚本(对于多用户安装),我会收到另一条消息:Successfullycheckedoutbranch''安装程序继续并指示成功,但未添加.rvm目录,甚至在修改我的.bas

  9. ruby - 如何关闭 ruby​​ gem "Spreadsheet?"中的文件 - 2

    下面的代码在我第一次运行它时就可以正常工作:require'rubygems'require'spreadsheet'book=Spreadsheet.open'/Users/me/myruby/Mywks.xls'sheet=book.worksheet0row=sheet.row(1)putsrow[1]book.write'/Users/me/myruby/Mywks.xls'当我再次运行它时,我会收到更多消息,例如:/Library/Ruby/Gems/1.8/gems/spreadsheet-0.6.5.9/lib/spreadsheet/excel/reader.rb:11

  10. ruby - Ruby 语法糖有 "rules"吗? - 2

    我正在学习Ruby的基础知识(刚刚开始),我遇到了Hash.[]method.它被引入a=["foo",1,"bar",2]=>["foo",1,"bar",2]Hash[*a]=>{"foo"=>1,"bar"=>2}稍加思索,我发现Hash[*a]等同于Hash.[](*a)或Hash.[]*一个。我的问题是为什么会这样。是什么让您将*a放在方括号内,是否有某种规则可以在何时何地使用“it”?编辑:我的措辞似乎造成了一些困惑。我不是在问数组扩展。我明白了。我的问题基本上是:如果[]是方法名称,为什么可以将参数放在括号内?这看起来几乎——但不完全是——就像说如果你有一个方法Foo.d

随机推荐