繼承命名空間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();