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();

继承命名空间javascript

2 个答案: