JavaScript的命名空間，並繼承

Question

我有一些的jsfiddle代碼在這裏：http://jsfiddle.net/xyuY6/

，代碼：

var App= {}; 

App.WebPage = { 
WebPage : function(name) { 
    alert("In Super"); 
    this.name = name; 
}, 

Home : function(name) { 
     alert("In Sub"); 
     App.WebPage.WebPage.call(this, name); 
} 


}; 

App.WebPage.WebPage.prototype.sayName = function() { 
alert(this.name); 
}; 

inherit(App.WebPage.WebPage, App.WebPage.Home); 

var x = new App.WebPage.Home("zack"); 
x.sayName(); 

function inherit(subType, superType) { 
    alert("IN HERE"); 
    var p = Object.create(superType); 
    p.constructor = subType; 
    subType.prototype = p; 
} 

我試圖做這個命名空間創建一個App命名空間兩個構造， WebPage和Home。 WebPage是「超級類型」，Home是「子類型」。家應該繼承從WebPage的一切。

雖然你會看到當你運行JavaScript時，問題是在我做x.sayName時，WebPage原型上定義的sayName函數沒有被調用。因此，它不被繼承。

爲什麼？

感謝您的幫助！

Answer 1

好像你得到了超和子類在某些時候混合起來（在通話或inherit的定義）...

這裏是固定的代碼（如果我明白你正在嘗試做）：http://jsfiddle.net/45uLT/

var App= {}; 

App.WebPage = { 
    WebPage : function(name) { 
     alert("In Super"); 
     this.name = name; 
    }, 

    Home : function(name) { 
      alert("In Sub"); 
      App.WebPage.WebPage.call(this, name); 
    } 


}; 


App.WebPage.WebPage.prototype.sayName = function() { 
    alert(this.name); 
}; 

inherit(App.WebPage.WebPage, App.WebPage.Home); 

var x = new App.WebPage.Home("zack"); 
x.sayName(); 

function inherit(superType, subType) { 
    alert("IN HERE"); 
    var p = new superType; 
    subType.prototype = p; 
    subType.prototype.constructor = subType; 
} 

希望這是你想要的。

Answer 2

下面是根據你想上面做什麼的jsfiddle工作示例：

http://jsfiddle.net/8GwRd/

var App = (function() { 
    function WebPage(name) { 
     this.type = 'WebPage'; 
     this.name = name; 
    } 

    WebPage.prototype.sayName = function() { 
     alert(this.name + ' is a ' + this.type); 
    }; 

    function Home(name) { 
     WebPage.call(this, name); 
     this.type = 'Home' 
    } 

    Home.prototype = new WebPage(); 

    return { 
     WebPage: WebPage, 
     Home: Home 
    };  

})(); 

var y = new App.WebPage('bob'); 
y.sayName(); 

var x = new App.Home("zack"); 
x.sayName();