javascript - 在javascript中缓存对象

Question

我有一个使用此代码的闹鬼:

javascript代码:

var cache = {};

cache.init = function()
{   
    if(typeof(this.memory)=='undefined')
        this.memory = {};
};

cache.set = function(key, value)
{
    this.memory[key] = value;
};

cache.get = function(key)
{
    if(console)
    {
        console.log("memory: ");
        console.log(cache.memory);

        console.log("key: "+key);
        console.log(cache.memory[key]);
    }

    if(typeof(cache.memory[key])!='undefined')
        return cache.memory[key];

    return false;
};

var route = {};

route.load = function(url)
{
    var route_list = cache.get('route_list');

    if(route_list==false)
    {
        route_list = this.getList();
        cache.set('route_list', route_list);
    }

    return route_list;
};

route.getList = function()
{
    var result = false;
    $.ajax(
    {
        url: 'route.json',
        dataType: 'json',
        async: false,
        success: function(json)
        {
            result = json;
        }
    });
    return result;
};

cache.init();
route.load();
route.load();

我想在客户端缓存一些对象，设置并获取“缓存”。

route.json文件内容:

{    
    "/example":
    {
        "controller":   "example"
    },
    "/example/show":
    {
        "controller":   "example",
        "method":   "show"
    }
}

在 Firebug 中的结果是:

memory:
Object
{
route_list
    Object { /example={...}, /example/show={...}}
}
key: route_list
undefined

为什么是未定义的？我可以使用 firebug o.O 在对象内部导航

编辑:我添加了 route.load() 的第二次调用；我得到未定义的 key

Answer 1

好的，现在我可以看到你的问题了。你的代码

route.load();
route.load();

1. 尝试从缓存中获取 [uncached] 值:
   1. 这记录了内存对象
   2. 并记录 undefined 因为什么都没有
2. 因为它返回 false
   1. 同步获取JSON
   2. 并设置到缓存中
3. 再次尝试获取[缓存]值
   1. 记录内存对象
   2. 并记录缓存的对象

一切都正确执行。现在，您在控制台中看到内存对象两次 - 但它是同一个对象，检查时处于当前状态，而不是记录时的状态。另见

• > How can I change the default behavior of console.log? (*Error console in safari, no add-on*)
• > Bug in console.log?
• > Wrong value in console.log