js インスタンス生成できるときとできないとき理由がわからない

Question

    function Dog() {
      console.dir("犬");

      this.bark = function() {
        console.log('わんわん');
      };

    }
    var bark = new bark;

Uncaught TypeError: bark is not a constructorとなります。

これは想定通りの結果なのですが

    function Dog() {
      console.dir("犬");

      this.bark = function() {
        console.log("わんわん");
      };

    }

    Dog(); 

    var bark = new bark;

とすると
実行結果
犬
わんわん
となります。

なぜvar bark = new bark;は呼べるのでしょうか？

Answer 1

function Dog() {
  console.log(this);
}
Dog(); 

とすればわかりますが、thisはwindowオブジェクトです
なので、this.barkはwindowのfunctionとなるためnewで呼べます

Comments

[L85A2]

Dogメソッドは呼ばなくてもwindowのfunctionで見えるのはなんとなくわかるのですがbarkメソッドが見えない理由はなぜですか？

[maisumakun]

Dogを実行することで初めてwindow.barkが設定されるからです。

[L85A2]

そういうものなのですね
回答ありがとうございます。