継承の演習問題にコンストラクタを追加 (#744)

Co-authored-by: kiyokaanan <[email protected]>

Author: chvmvd

docs/2-browser-apps/03-class/index.mdx

@@ -283,22 +283,29 @@ class Student {
   name;
   age;
 
+  constructor(name, age) {
+    this.name = name;
+    this.age = age;
+  }
+
   introduceSelf() {
     document.write(`私の名前は${this.name}です。${this.age}歳です。`);
   }
 }
 class SeniorStudent extends Student {
   researchQuestion;
 
+  constructor(name, age, researchQuestion) {
+    super(name, age);
+    this.researchQuestion = researchQuestion;
+  }
+
   introduceSelf() {
     super.introduceSelf();
     document.write(`研究テーマは${this.researchQuestion}です。`);
   }
 }
-const tanaka = new SeniorStudent();
-tanaka.age = 22;
-tanaka.name = "田中";
-tanaka.researchQuestion = "量子力学";
+const tanaka = new SeniorStudent("田中", 22, "量子力学");
 tanaka.introduceSelf();
 ```
 
@@ -365,7 +372,7 @@ document.write({ name: "田中" }.toString()); // [object Object]
 // Date クラスは toString メソッドをオーバーライドしている
 document.write(new Date().toString()); // Fri Apr 01 2022 10:00:00 GMT+0900 (Japan Standard Time)
 
-// 関数もオブジェクトの一種なのでやはり Object クラスを継承している
+// 関数もオブジェクトの一種なのでやはり Object クラスを継承し、toString メソッドをオーバーライドしている
 function add(a, b) {
   return a + b;
 }