7

假设我有一个变量嵌套在一个我经常重复使用的大型对象中：

i = 10000000;
while (i) {
    i--;
    document.write( bigobject.a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p );
}

将其缓存在循环外的新变量中会更快吗？

v = bigobject.a.b.c.d.e.f.g.h.i.j.k.l.m.n.o.p

并在我的循环中使用该缓存变量？

document.write ( v );

对于不太注重视觉的人：JavaScript 变量是自动缓存的，还是浏览器每次请求时都必须搜索较大的变量？

4

2 回答 2

8

与所有重要的性能问题一样，最好在 jsperf.com 之类的工具中测试您的具体情况，这样您就可以测量您关心的确切情况，您还应该在多个浏览器中运行测试以确保您的结果重新测量是语言实现的一般特征，而不仅仅是一个浏览器的特性。

在回答您的问题时，如果您要多次访问它，缓存深度对象引用通常会更快。

在具体示例中，我在这里编码：http: //jsperf.com/cache-deep-reference，缓存的引用在 chrome 中快 2 倍以上，在 IE10 中快 4 倍以上。

于 2013-06-29T04:52:23.507 回答
0

我知道这已经得到了回答，但是我只是对此进行了自己的测试，并认为 SO 上的某个人可能会发现它很有用：

ClassCreate('app').props.set('cipher', [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'x', 'y', 'z']);

perfTest({
    ns: 'noCache',
    fn: function() {
        for (var i = 0; i < 500; i++) {
            console.log(app.props.get('cipher'));
        }
    }
});

perfTest({
    ns: 'cached',
    fn: function() {
        var cipher = app.props.get('cipher');
        for (var i = 0; i < 500; i++) {
            console.log(cipher);
        }
    }
});

结果

缓存变量 x500：812.261ms

直接访问同一 x500 循环中的对象：1050.416ms

于 2015-09-01T19:35:13.423 回答