javascriptのconsole.log()でオブジェクトのインスタンスを引数に取ったときに表示されるもの

Question

javascriptでconsole.log()でオブジェクトのインスタンスを調べたときに何が表示されているのかがよくわかりません。
具体的に以下のコードで、

function Teki(){
  this.hp = 100;
}
Teki.prototype.die = function(){
  console.log("やった！　敵を倒した！");
};

//ドラゴンを作る
function Dragon(){
  	Teki.apply(this,arguments);
	//Teki();
}
Dragon.prototype = new Teki;

//攻撃してHPを教えてもらう
Dragon.prototype.attack = function(){
  console.log("ドラゴンの攻撃！ ドラゴンのHPは"+this.hp+"だ！");

};

var d1 = new Dragon();	//インスタンスをつくる

console.log(d1);

実行結果が、

➀▼Dragon {hp:100}
➁    hp:100
➂    ▼__proto__:Teki
➃        ▶attack:f()
➄            hp:100
6⃣        ▶__proto__:Object

上記のようになります。
現在の私の認識だと、上記プログラムが実行されると、
d1インスタンスはhpプロパティと__proto__プロパティを持つ。
hpプロパティは100、__proto__プロパティはDragon.prototypeオブジェクトを指し示している。
Dragon.prototypeは、hpプロパティ・attackプロパティ・__proto__プロパティを持っている。
hpプロパティは100、attackプロパティは関数、__proto__プロパティはTeki.prototypeオブジェクトを指し示している。

というものなのですが、

(1)上記の認識で間違いないでしょうか？
(2)上記の認識に基づいて考えると、➀行目のDragonや➂行目のTekiなどが何を示しているのかよくわかりません。➀、➂行目に限らず結局全体的に何を示しているのかよくわからない状況です。
➀～6⃣行目まで具体的に何を示しているのでしょうか？
(3)結局console.log()でオブジェクトを調べたときに何を示しているのかを知りたいのですが、ドキュメント・書籍など、どこを調べればよいでしょうか？

よろしくお願いいたします。

Answer 1

➀～6⃣行目まで具体的に何を示しているのでしょうか？

オブジェクト指向の「継承」(Inheritance)です。

(3)結局console.log()でオブジェクトを調べたときに何を示しているのかを知りたいのですが、ドキュメント・書籍など、どこを調べればよいでしょうか？

別の言語になりますがJavaのオブジェクト指向を調べればいいと思います。

How To Work with Prototypes and Inheritance in JavaScript

このプログラムは
Dragon.prototype = new Teki;
としていますが
d1.__proto__.hp
はなくても構いません。
Dragon.prototype = Object.create(Teki.prototype);
としたほうがいいと思います。

Comments

[moriman]

解答を頂きましてありがとうございます。
提示して頂いた情報で調べてみようと思います。

Answer 2

ちょっと何を知りたいのか理解できませんが
オブジェクトの参照・設定が煩雑になっているし
よくわからないならprototypeで設定するのはやめたほうがいいですね

Comments

[moriman]

解答を頂きましてありがとうございます。もっとシンプルな例で考えてみます。

Answer 3

(1)上記の認識で間違いないでしょうか？

__proto__がMarkdownだと認識されている問題を除けば、特に間違いありません。

➀行目のDragonや➂行目のTekiなどが何を示しているのか

コンストラクタ関数の名前が自動で表示されているようです。

➀～6⃣行目まで具体的に何を示しているのでしょうか？

オブジェクト全体の構造を示しています。逆に何が理解できなかったのかが、よくわかりません。

Comments

[moriman]

➂ ▼__proto__:Teki
が、Dragon.prototypeのことを示していると認識して全体を見たら理解できました。ありがとうございましま。