クラスのES6 JS

1.クラスを作成します。

• クラスの定義

• クラスのコンストラクタ

• クラスの静的メソッド

• 一般的なクラスのプロパティとメソッド

1  // クラスの定義
2  クラス人{
 3  
。4つの   // クラスの静的メソッドは、Person.test =関数（）{にconsole.log（対応する " 静的クラスメソッドを"）;} 
。5    静的試験（）{
 6      コンソール。 （ "静的メソッドクラス"ログ）;
 7      
。8    }
 。9  
10    // コンストラクタコンストラクタ
。11    コンストラクタ（名前、年齢）{
 12は 
13である      （ "コンストラクタを呼び出す"にconsole.log ）;
 14      この .nameの= 名;
 15      本 = .age 年齢;
 16    }
 17  
18である   //一般的な手順クラスのオブジェクトインスタンスが同等の機能= Person.prototype.show（）であるプロトタイプオブジェクト、上に定義されている{にconsole.log（ "this.name、this.age"）;} 
。19    表示（）{
 20は、      コンソール。ログ（この .nameの、この.age）、
 21は     
22である   }
 23である }
 24  
25せPERSON1 = 新しい新規人物（ "WZH"、25 ）;
 26である にconsole.log（PERSON1）;
 27  
28  person1.show（）;
 29人。試験（）。

2.継承

• スーパー

• 拡張

1  // クラスの定義
2  クラス人{
 3  
。4つの   // クラスの静的メソッドは、Person.test =関数（）{にconsole.log（対応する " 静的クラスメソッドを"）;} 
。5    静的試験（）{
 6      コンソール。 （ "静的メソッドクラス"ログ）;
 7      
。8    }
 。9  
10    // コンストラクタコンストラクタ
。11    コンストラクタ（名前、年齢）{
 12は 
13である      （ "コンストラクタを呼び出す"にconsole.log ）;
 14      この .nameの= 名;
 15      本 = .age 年齢;
 16    }
 17  
18である   //一般的な手順クラスのオブジェクトインスタンスが同等の機能= Person.prototype.show（）であるプロトタイプオブジェクト、上に定義されている{にconsole.log（ "this.name、this.age"）;} 
。19    表示（）{
 20は、      コンソール。ログ（この .nameの、この.age）;
 21である     
である22    }
 23である }
 24  
25 = PERSON1を聞かせて新しい新規人物（ "WZH"、25 ）;
 26である にconsole.log（PERSON1）;
 27  
28  クラス子延び人数{
 29  
30    コンストラクタ（名前、年齢、性別）{
 31である     スーパー（名前、年齢）;   // 親クラスのコンストラクタを呼び出すことサブクラス
32      この .sex = セックス。
33    }
 34は、 
35    //は、親クラスの関数と同じ名前を書き換える
36    を表示（）{
 37      はconsole.log（この .nameの、この .age、この.sex）;
 38である     
39    }
 40  
41である }
 42が 
43させ子= 新しい新しい子（ " WZL "24、" M " ）;
 44である child.show（）;