classのインスタンスは関数の呼び出しと同じなのでしょうか

Question

class Animal {
  // コンストラクタを追加してください
  constructor(){
    console.log("インスタンスを生成しました");
  }
  
}

const animal = new Animal();

上記のnew Animal();（Animalインスタンス）は関数の呼び出しのようなことをしているのでしょうか。

Answer 1

classのインスタンスは関数の呼び出しと同じなのでしょうか

いいえ、全く違います

class Animal {
  // コンストラクタを追加してください
  constructor(){
    console.log("インスタンスを生成しました");
  }
}

console.log(new Animal()); // Animal {}
console.log(Animal()); // Uncaught TypeError: Class constructor Animal cannot be invoked without 'new'

---

解説しておくと、ES5まではclass構文というものはなく、
コンストラクタメソッド的な挙動をする関数を用意していました。

const Animal2 = function (name) {
  this.name = name;
}
Animal2.prototype.say = function () {
  console.log(`${this.name}: meou`);
}

console.log(new Animal2('tama')); // Animal2 {name: "tama"}
console.log(Animal2('tama')); // undefined

(new Animal2('tama')).say(); // "tama: meou"

Animal2('tama')の結果がundefinedになるのは見れば誰でも分かります。
何もreturnしてないですからね。

new Animal2('tama')はインスタンス名付きのオブジェクトですね。
これはまず空のオブジェクト生成し、thisに生成したばかりのオブジェクトを設定して関数を実行。
関数の中身ではthis.name等に値を詰め込むような挙動を行いました（この辺は実際にコードを書いて制御します）
そして関数実行後にthisを戻すのがnew 関数()の挙動になります。

まさにインスタンスの生成の為だけに作られた特殊な関数で、
JavaScriptがプロトタイプベースと呼ばれる所以でもあります。
メソッドはプロトタイプメソッドで定義します。

関数の呼び出しのようなことをしているのでしょうか。

普通の関数呼び出しと挙動は違い、
かなり特殊ではあるのですが、関数呼び出しではあります。

Comments

[退会済みユーザー]

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

たくさん説明してくれたのですが、すいません、よくわかりませんでした。私のような者には無理そうなので、ここの理解は諦めます。

Answer 2

こちらが参考になると思います

"use strict"
class Animal {
  constructor(){
    console.log("インスタンスを生成しました");
    this.x=100;
  }
  
}
const a = new Animal();
console.log(a.x);

Comments

[退会済みユーザー]

回答ありがとうございます。const a = new Animal();だけで、『インスタンスを生成しました』と出力されました。消すと、出力されないため、呼び出しているのかなと思っていたのですが、違うのですか？