继承命名空间javascript

Question

如何在命名空间（范围）内继承对象变量？

var f2 = {
   a: 'test'
}

f2.history = {

  load: function(){ alert(this.a); }

}

// Turns out Undefined
f2.history.load();

Answer 1

f2.history 和 f2 之间没有链接。更一般地说，属性值与其持有者之间没有联系。

你可以这样称呼它：

f2.history.load.call(f2);

或者你可以用工厂声明你的对象：

var f2 = (function(){
    var self = {
        a: 'test'
    };
    self.history = {
        load: function(){ alert(self.a); }
    };
    return self;
})();

这将允许

f2.history.load();

另一种变体可以让您以更分离的方式定义子模块：

var f2 = {
    a: 'test'
};
(function(f){
    f.history = {
        load: function(){ alert(f.a); }
    }
})(f2);

最后一个结构的优点是很容易在不同的文件中声明子模块。

Answer 2

使用命名空间 f2，而不是 this。

 load: function(){ alert(f2.a); }

作品

---

var f2 = {
    a : 'test',
    init: function(a) {
        if (a) this.a = a; //set a, if a is defined
    },
};
function history(a) {
    function F() {};
    F.prototype = f2;
    var f = new F();
    f.init(a);
    load = function() {
        alert(f.a);
    }
    return this;
}

var h1 = history();
h1.load(); //alerts "test"

var h2 = history('history'); 
h2.load(); //alerts "history"

//but now h1 also holds history
h1.load();