JavaScript(ES2015（ES6）) 〜Progate🐥🐥JavaScript Ⅳ（2章 クラスの継承）〜

前回を書き忘れましたが、所要時間は1ｈでしたので、残りの目標所要時間は2ｈ⭐️

🐥継承とは
🐥継承したクラスを使う
🐥メソッドの追加
🐥オーバーライド（1）
🐥オーバーライド（2）

【🐥継承とは】
🌸新しく作成するクラスが既存のクラスの一種である場合に使用。
　→class Dog extends Animal {  }
　　　　　　→⚠️extendsは複数形。

【🐥継承したクラスを使う】

【🐥メソッドの追加】
🌸メソッドは独自に設定できる
　→戻り値も使える
　→子クラスで定義した独自のメソッドは、親クラスから呼び出すとは出来ない。

class Animal {
　　constructor(name, age) {
　　　　　　　　　　　　　　this.name = name;
　　　　　　　　　　　　　　this.age = age;
　　　　　　　　　　　　　　}
　　greet() {
　　　　　　console.log("こんにちは");
　　　　　　}
　　info() {
　　　　　　this.greet();
　　　　　　console.log(`名前は${this.name}です`);
　　　　　　console.log(`${this.age}歳です`);
　　　　　}
}
class Dog extends Animal {
// getHumanAgeメソッドを追加してください
　　getHumanAge(){
　　　　　　　　　　return this.age*7;
↑🤔元データを表示した後に、この元データを元にした異なるデータを出力したい時に使用する？！というイメージを持った🤔
　　　　　　　　　　}
}
// 定数dogにDogクラスのインスタンスを代入してください
const dog = new Dog("レオ", 4 );
// dogに対してinfoメソッドを呼び出してください
dog.info( 　);
// 定数humanAgeを定義し、定数dogに対してgetHumanAgeメソッドを呼び出した値を代入してください
const humanAge = dog . getHumanAge ( ) ;　←⭐️新しいconsole.logを表示するための準備
// 「人間年齢で〇〇歳です」と出力してください
console.log(`人間年齢で${humanAge}です`);

【🐥オーバーライド】
🌸親クラスと、親クラスを継承した子クラスの同じ名前のメソッドについて
　→子クラスのメソッドが優先される
　　（子クラスのメソッドが親クラスのメソッドを上書きしている＝override）

🤔「class Dog extends Animal 」内のinfo(){}は、追加する分だけ書いちゃダメなのかな？正しく認識されないのかな？？
　→ダメでした。
　　諦めて、否、真面目にきちんと書きましょう…

🌸constructorをオーバーライドする
　→super( );

⚠️表示はされてるけど、統一感がない↓

　　this.breed = "チワワ";
　　↓を、
　　this.breed = breed;　　
　　↓にした後、
　　引数として
　　const dog = new Dog("レオ" ,  4 , "チワワ" );
　　dog.info();
　　

【まとめ】
JavaScript Ⅳは合計2h30ｍくらいのウェイトでした。
まだ1人では作れないであろうレベルな割には、Javaさんスゲー！、って感じで楽しんで出来てます٩( 'ω' )و　　
Ⅵまで進んだら、また復習に戻ってくっからよ！待ってろよ〜ー〜…
（(￣ー￣)）/~~~