静的フィールド (static field)
JavaやPHPには静的フィールド(static field)という概念があります。通常のフィールドはインスタンスのプロパティですが、静的フィールドはクラスのプロパティです。JavaやPHPではstaticキーワードで静的フィールドを宣言できます。
Javajava
Javajava
PHPphp
PHPphp
JavaScriptにはJavaのような静的フィールドの機能がありません。代わりに、クラスのプロパティに後から値を代入することで似たようなことができます。
JavaScriptjsSomeClass {}SomeClass .field = 123;console .log (SomeClass .field );
JavaScriptjsSomeClass {}SomeClass .field = 123;console .log (SomeClass .field );
TypeScriptでは、Java風の静的フィールドの書き方ができるようになっています。TypeScriptで静的フィールドを宣言するにはstaticキーワードを用います。
TypeScripttsSomeClass {staticfield : number = 123;}console .log (SomeClass .field );
TypeScripttsSomeClass {staticfield : number = 123;}console .log (SomeClass .field );
静的フィールドの型推論
TypeScriptの静的フィールドは初期値がセットされている場合、その初期値からフィールドの型が型推論されます。そのため、フィールドの型注釈が省略できます。
tsSomeClass {staticfield = 123;}
tsSomeClass {staticfield = 123;}
静的フィールドとアクセス修飾子
TypeScriptの静的フィールドはアクセス修飾子を組み合わせられます。
tsSomeClass {private staticfield : number;}
tsSomeClass {private staticfield : number;}
📄️ アクセス修飾子
JavaやPHPなどの言語では、フィールドやメソッドにprivate, protected, publicを指定できます。JavaScriptでもprivateのようなプロパティを実現するためにプライベートクラスフィールドという仕様がありますが、Javaのようなアクセス修飾子とはやや様相が異なります。TypeScriptにはJava風のアクセス修飾子があります。
読み取り専用の静的フィールド
TypeScriptの静的フィールドはreadonly修飾子をつけると読み取り専用になります。
tsSomeClass {static readonlyfield : number;}
tsSomeClass {static readonlyfield : number;}
📄️ クラスのreadonly修飾子
TypeScriptでは、フィールドにreadonly修飾子をつけると、そのフィールドを読み取り専用にできます。