JavaScriptで大きなアプリケーションを作る場合、適切にクラス設計した方がメンテナビリティは高くなります.

そこで、JavaScriptのキレイなClassの作り方を紹介します.

ES6を使わず、現行のJavaScript仕様で実現出来るClassの作り方です.

まずはコードを見てください.

 

ポイントは、

  • ネームスペースを汚染しないよう、即時実行関数内に定義している.
  • privateな変数については命名規則(“_”アンダースコアで始める)によって表現する.
  • instance毎に違う値を持たせるために、thisのプロパティとしてを保持させる
  • static private な変数は従来の言語仕様でも実現できている.

Classを利用する場合は以下のようなコードになります.

Stackflowのエントリーを参考に書いているので、一定程度の支持は得られているかと思います.

Leave a Reply

Your email address will not be published. Required fields are marked *