JavaScriptのコードでAnimalクラスのプロトタイプを継承できないのはなぜですか？私は<code>Animal</code>クラスから継承プロトタイプを経て継承する新しいクラス<code>Dog</code>作成しようとしています

Question

：

function Animal() { 
    this.name = "animal"; 
    this.writeName = function() { 
    document.write(this.name); 
    }  
} 

function Dog() { 
    this.name = "dog"; 
    this.prototype = new Animal(); 
} 

new Dog().writeName() 

JS Fiddle

はしかし、私は、Javascriptのエラーを取得：Uncaught TypeError: Object #<Dog> has no method 'say'。

なぜですか？ Dogオブジェクトは、Animalオブジェクトをプロトタイプとして保持してはいけませんか？

Answer 1

はもちろん、正しいですが、彼は本当にはは何それについてさまざまだと、それは初心者に明確ではないかもしれない、そう...

言っていません。あなたが作っている間違いはthis.prototype = new Animal();は（thisによって参照）、現在のDogインスタンスにprototypeという名前のプロパティにAnimalインスタンスを割り当てることですが、という名前のプロパティについて何も特別なことはありませんこのコンテキストでは3210です。

prototypeプロパティは、関数オブジェクトでのみ魔法です。 SomeFuncの新しいインスタンスを作成するときに、new SomeFunc()を使用すると、新しいオブジェクトの内部/隠し[[prototype]]ポインタは、SomeFunc.prototypeが指すオブジェクトを参照します。 prototypeの名前は他の文脈では特別ではありません。

Answer 2

"prototype"プロパティは単なる通常のプロパティです。委譲を扱う実際の[[Proto]]プロパティは隠されており、オブジェクトが作成された後は直接操作することはできません（Firefoxではいくつかの拡張子を除いて：__proto__プロパティ）。

function Animal() { 
    this.name = "animal"; 
    this.writeName = function() { 
    document.write(this.name); 
    }  
} 

function Dog() { 
    var dog = Object.create(new Animal()) 
    dog.name = "dog"; 
    return dog; 
} 

(new Dog()).writeName() 

より慣用的な例でしょう：あなたがやっていることへの精神が似ている

正しいJavascriptの継承の例は、正しい[[プロトタイプ]]プロパティで犬を作成するためにObject.createを使用します私は犬のプロトタイプをインスタンス化するためにnew Animalの代わりにObject.createを使用することをお勧めしますが、あなたがやっているように手動でコンストラクタにアタッチするのではなく、別の動物プロトタイプに動物メソッドを入れます。

Answer 3

function Animal() { 
    this.name = "animal"; 
    this.writeName = function() { 
    document.write(this.name); 
    }  
} 

function Dog() { 
    this.name = "dog"; 

} 
Dog.prototype = new Animal(); 
dog = new Dog(); 
dog.writeName(); 

今、犬は動物のすべての特性を持っています。ライアンの答え@

jsfiddle