JSのクラスについての質問

質問

• JSのクラスについての質問。クラスの記述やインスタンスの作成方法について疑問があります。
• クラスの記述方法やインスタンスの作成方法は初心者なのでよくわかりません。具体的には、constructorとnew演算子の関係について教えて欲しいです。
• 引数を持つconstructorとnew演算子の関係がわかりません。インスタンスの作成時に引数を渡すとどのように処理されるのか教えてください。

回答No.5

amanojaku1

>class Cat { ←「Cat」クラス定義。
>関数の定義で例えるならfunction Cat()のようなものですね。

違います、class と言う箱の中に、関数(コンストラクター、(0個以上の複数の)メソッド)、(0個以上の複数の)変数を詰め込むと言うイメージです(カプセル化と言われたりします)。

>Catという名前のクラスを定義するよという事ですね。

class 内に関数(コンストラクター、(0個以上の複数の)メソッド)、(0個以上の複数の)変数を定義できます。

>meow()は関数の呼び出しという事ですが、定義が見つかりません。
>どこで定義しているのでしょうか？
>それともfunctionの省略した定義がここなのでしょうか？
>ソースには見つかりませんでしたが、どこかにあるのですかね？

どうも class 内の関数の定義には「function」は記述する必要はない用です。
もう1度 下記のコメントを良く見て下さい。
『「Cat」クラス定義』内に『コンストラクター定義(new 時に実行される)』、『「meow()」メソッド定義』とコメントで明記しています。

class Cat { // 「Cat」クラス定義。
constructor(name) {this.name = name} // コンストラクター定義(new 時に実行される)。
meow() {alert( this.name + 'はミャオと鳴きました' )} // 「meow()」メソッド定義。
}

お礼

＞＞＞＞
>class Cat { ←「Cat」クラス定義。
>関数の定義で例えるならfunction Cat()のようなものですね。
違います、class と言う箱の中に、関数(コンストラクター、(0個以上の複数の)メソッド)、(0個以上の複数の)変数を詰め込むと言うイメージです(カプセル化と言われたりします)

classも変数と同じ箱で中に関数や変数を入れられるのですね。
其れってオブジェクトと同じ箱という事ですか？

＞＞＞
Catという名前のクラスを定義する

オブジェクトの定義と同じですね。

＞＞＞
どうも class 内の関数の定義には「function」は記述する必要はない用です。
もう1度 下記のコメントを良く見て下さい。
『「Cat」クラス定義』内に『コンストラクター定義(new 時に実行される)』、『「meow()」メソッド定義』とコメントで明記しています。

クラス内の関数定義はfunctionは省略できる、省略しなければいけないのですね。
恐らくこれはクラス内の関数だよと区別するためですかね？

下記二つはどうでしょうか？このnameの対が一番わかりませんのでお願いします。

＞＞＞
「this.name = name」はコンストラクターの「name」パラメータをクラス内部のローカル変数「this.name」(その実態は内部的に「name」なのですが、
コンストラクターの「name」パラメータとは別物です)に
meow() {alert( this.name + 'はミャオと鳴きました' )} ←「meow()」メソッド定義。
}

ここがよくわかりませんでした。
this.name = nameとは変数の定義の事なのでしょうか？

コンストラクターの「name」パラメータは仮引数と思うのですが実引数はどこにあるのでしょうか？

＞＞＞
「new Cat("my cat")」は「constructor(name) {this.name = name}」コンストラクターだけが実行されます。
「clsObj.meow();」とすれば「meow()」メソッドが実行されると思われます。

new Cat("my cat")が実行されたときにクラス内の
constructor(name) {this.name = name}の部分だけが実行されるという事ですか？

つまりnew クラス名(引数)とは初めに定義したクラスを実行しろ、呼び出ししろという意味で。
その際にconstructor(name) {this.name = name}
のみが実行されるのですかね？

よって関数と同じで、new Cat("my cat")のmycatが実引数で、constructor(name)のnameが仮引数となるのですか？

＞＞＞
constructor(name) {this.name = name} ←コンストラクター定義(new 時に実行される)

関数の定義で例えるならfunction Cat(){}と全く同じですね。
コンストラクタとは設計図のクラスをインスタンス化するための関数をコンストラクタと特別に言っているだけの関数そのものなので、
functionがconstracutorになっただけで他は関数と全く同じなのですね。

＞＞＞
「this.name = name」はコンストラクターの「name」パラメータをクラス内部のローカル変数「this.name」(その実態は内部的に「name」なのですが、
コンストラクターの「name」パラメータとは別物です)に
meow() {alert( this.name + 'はミャオと鳴きました' )} ←「meow()」メソッド定義。
}

ここがよくわかりませんでした。
this.name = nameとは変数の定義の事なのでしょうか？

コンストラクターの「name」パラメータは仮引数と思うのですが実引数はどこにあるのでしょうか？