javascript - 为什么这个变量在对象字面量中未定义？

Question

出于性能原因和以后使用，我试图在 jQuery 中存储一个选择器对象。

在某些情况下，我可能需要访问我正在创建的同一对象字面量中的键。

(function($) {

    'use strict';

    var appCache = {

        $navSecondary: $('#nav-secondary'),
        $navMore: appCache.$navSecondary.find('.more')

    };

})(jQuery);

以上代码产生错误:

TypeError: appCache is undefined

我该如何解决这个问题？我是否必须在 jQuery 中再次执行选择？

谢谢。

Answer 1

首先评估赋值运算符的右侧。然后将结果向左传递并分配给变量。

在构造对象时变量是undefined，所以你不能使用它的值(虽然它已经被声明，var语句被提升)。

您可以在创建对象后分配新属性。

var appCache = {
    $navSecondary: $('#nav-secondary')
};
appCache["$navMore"] = appCache.$navSecondary.find('.more');