原型繼承

Question

我有這樣的對象，dive：

var dive = new Foo.Bar(); 

而且Foo.Bar看起來是這樣的：

var Foo = { 
    Bar: function() { 
     ... 
     return function() { 
     // do stuff, no return 
     }; 
    } 
}; 

我想dive有另一個所有的原型，現有的對象，但是。比方說，window.Cow.prototype是：

{ 
    moo: function() { ... }, 
    eat: function() { ... } 
} 

什麼我需要做的Foo.Bar這樣我可以做到這一點：

dive.moo(); 
dive.eat(); 

Answer 1

工作示例

謝謝你的開始，jimbojw！你是接近，但你給了我足夠的信息來得到它：

function Cow() { 
    return { 
     talk: function() { 
      alert("mooo"); 
     } 
    }; 
} 

var Foo = { 
    Bar: function() { 
     function result() { 
      alert("Foo.Bar says..."); 
     }; 
     result.prototype = new Cow(); 
     return new result; 
    } 
}; 

new Foo.Bar().talk(); 

Answer 2

var Foo = { 
    Bar: function() { 
     //... 
     return this; // technically unnecessary, implied by 'new' operator 
    } 
}; 

Foo.Bar.prototype = new Cow(); // the secret sauce 

dive = new Foo.Bar(); 

dive.moo(); // moo's like a Cow 

Answer 3

這裏沒有酒吧構造jsFiddle

Answer 4

如果你想封裝Foo.Bar.prototype =你能做到這一點不改變默認的構造函數的行爲：

function Cow() { 
    this.talk = function() { 
    alert("mooo") 
    } 
} 

var Foo = { 
    Bar: function() { 
    var constructor = function() { 
     this.eat = function() { 
     alert("gulp") 
     } 
    } 
    constructor.prototype = new Cow() 
    return constructor 
    }() 
} 

var foo = new Foo.Bar() 
foo.talk() 
foo.eat()