クラスを学ぼう

オブジェクトの中に関数を仕込める！

class クラス名 { }

クラスで設計図を作り、new クラス名() でオブジェクトを作る。
クラスから生成したオブジェクトは特別にインスタンスと呼びます。
（またこんがらかりそうな・・・！）

コンストラクタはインスタンスを生成するときに実行したい処理や設定を追加するための機能。
クラスの中で、constructor() { } で設定する。
（PHPでは__construct() だった）

コンストラクタの中で「this.プロパティ = 値」で追加。
「インスタンス.プロパティ」でクラスの外で呼び出せる。

「constructor」の後の括弧「( 引数1,引数2,・・・)」で設定。

クラスの中で「メソッド名() { }」で定義。
インスタンス.メソッド名()で呼び出し。

定数animalに対して、greetメソッドを呼び出してください。
ときたら、
animal.greet();
と返す。日本語難しい！！！

メソッド内でインスタンスの値を使用するには、「this.プロパティ名」

メソッド内で「this.メソッド名()」
同じクラスの他のメソッドを呼び出せる。

「Animalクラス」から「Dogクラス」を継承すると、「Animalクラス」の全ての機能を引き継いで、「Dogクラス」を作成できます。
継承は「extends」
「class Dog extends Animal」のようにする。

親クラスと同じ名前のメソッドを子クラスに作ると、子クラスが優先される。
コンストラクタをオーバーライドする場合は、最初に「super()」と記述して、親クラスのコンストラクタを実行する。

本日２つ目の完成です！
できたJavascriptのファイルをindex.htmlに追記したのですか
Chromeのコンソールで確認できるのは１つ目のJSファイルだけ・・・？
htmlとJSをもうワンセット作ってアップしました。動いたぞ！
（所要時間 1時間）