Console画面に出力される場合とされない場合について

Question

コンソールが出力される場合とされない場合の違いが分かりません。
以下のコードを実行しますと、Console画面にAnimal{}と表示されるのですが、「Dog.prototype = new Animal();」ここの部分を消した場合は何も表示されません。
どなたかご解説くださる方いらっしゃいましたら、ご説明お願いいたします。

var Animal = function(){

        console.log(this);
    };




    Animal.prototype = { 
        walk : function() {
            console.log('トコトコ...');
        }
    };

    var Dog = function() {


    };



    Dog.prototype = new Animal();

    Dog.prototype.bark = function(){


    }

    var d = new Dog();

    

Answer 1

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/new#Description

指定した引数を伴ってコンストラクタ関数 Foo が呼び出され、this が新たに生成したオブジェクトに紐づけられます。new Foo は new Foo() と等価です。すなわち、引数を指定しない場合は Foo が引数なしで呼び出されます。

ということで、Dog.prototype = new Animal();がなければconsole.logが実行される機会がないっつだけではないかな
しらんけど

Comments

[newyee]

ご回答ありがとうございます！

Answer 2

「Dog.prototype = new Animal();」ここの部分を消した場合は何も表示されません。

むしろなぜ表示されると思ったかの方が疑問なのですが
Animal()を呼びしてないからconsole.logのとこまでたどり着かないだけですね

Comments

[newyee]

ご回答ありがとうございます。
基礎的な部分が、全然理解できていませんでした...
「Dog.prototype = new Animal();」ここの部分というのは、ただ単にインスタンス化したものを、Dogオブジェクトのプロパティに追加している訳ではなく、同時に関数の中身も実行しているということなのでしょうか？

[yambejp]

> 関数の中身も実行している

関数というよりAnimalがコンストラクタで
インスタンスを作成するときに
それを処理しているという認識でよいでしょう