クラス構文について[class][コンストラクタ][ES6]

2017年6月3日

ES2015(ES6)から導入されたクラス構文を実装してみます。

 

スポンサーリンク

 

JavaScriptではコンストラクタ関数およびプロトタイプを利用してクラスを表現していましたが、ES2015(ES6)以降では、class命令を利用してクラス構文を実装できます。

 

関連ページ

prototype(プロトタイプ)について

 

上記の関連ページで説明しているBookコンストラクタ関数を、クラス構文で実装してみます。

 

2〜5行目

インスタンス生成時に初期化を行うコンストラクタを定義し、プロパティを設定しています。

 

関連ページ

thisキーワードについて

 

7〜9行目

JavaScriptのクラス構文は、コンストラクタ関数によるオブジェクト生成と行っていることは同じで、糖衣構文です。メソッドは実際には、オブジェクトのprototypeプロパティのメソッドとして追加されています。

 

 

アクセサプロパティ


 

classブロックの中で、getterやsetterを利用してプロパティを定義することができます。

 

関連ページ

アクセサプロパティについて[getter][setter]

 

 

 

 

Copyright © 2017 ウェブの葉 All Rights Reserved.  プライバシーポリシー