javascript - 延迟加载参数值

Question

我正在尝试做类似的事情

var foo = {
    bar: '' // do some magic here
};

只有当我需要使用该值时(页面稍后)，只需简单地调用该属性，就会运行延迟加载并发回该值

典型的例子是我有一个在页面打开时加载用户的 restfull API。转到菜单后我想访问与其相关的属性(另一个对象)，但它在另一个 api 中，我不想在开头加载所有内容。

是否有某种类型的属性调用监听器？

Answer 1

使用Object.definePropery 动态计算foo.bar。它适用于 all modern browsers .

var foo = { };
Object.defineProperty(
    foo,
    "bar",
    {
        get: function () {
            return 'magic return value';
        }
    }
    );

JSFiddle:http://jsfiddle.net/wFYxb/