继承命名空间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();