メインコンテンツまでスキップ

静的フィールド (static field)

JavaやPHPには静的フィールド(static field)という概念があります。通常のフィールドはインスタンスのプロパティですが、静的フィールドはクラスのプロパティです。JavaやPHPではstaticキーワードで静的フィールドを宣言できます。

Java
java
class SomeClass {
public static Integer field = 123;
}
class Main {
public static void main(String[] args) {
System.out.println(SomeClass.field); //=> 123
}
}
Java
java
class SomeClass {
public static Integer field = 123;
}
class Main {
public static void main(String[] args) {
System.out.println(SomeClass.field); //=> 123
}
}
PHP
php
class SomeClass
{
public static $field = 123;
}
var_dump(SomeClass::$field); //=> int(123)
PHP
php
class SomeClass
{
public static $field = 123;
}
var_dump(SomeClass::$field); //=> int(123)

JavaScriptにはJavaのような静的フィールドの機能がありません。代わりに、クラスのプロパティに後から値を代入することで似たようなことができます。

JavaScript
js
class SomeClass {}
SomeClass.field = 123;
console.log(SomeClass.field);
123
JavaScript
js
class SomeClass {}
SomeClass.field = 123;
console.log(SomeClass.field);
123

TypeScriptでは、Java風の静的フィールドの書き方ができるようになっています。TypeScriptで静的フィールドを宣言するにはstaticキーワードを用います。

TypeScript
ts
class SomeClass {
static field: number = 123;
}
 
console.log(SomeClass.field);
123
TypeScript
ts
class SomeClass {
static field: number = 123;
}
 
console.log(SomeClass.field);
123

静的フィールドの型推論

TypeScriptの静的フィールドは初期値がセットされている場合、その初期値からフィールドの型が型推論されます。そのため、フィールドの型注釈が省略できます。

ts
class SomeClass {
static field = 123;
}
ts
class SomeClass {
static field = 123;
}

静的フィールドとアクセス修飾子

TypeScriptの静的フィールドはアクセス修飾子を組み合わせられます。

ts
class SomeClass {
private static field: number;
}
ts
class SomeClass {
private static field: number;
}

📄️ アクセス修飾子

JavaやPHPなどの言語では、フィールドやメソッドにprivate, protected, publicを指定できます。JavaScriptでもprivateのようなプロパティを実現するためにプライベートクラスフィールドという仕様がありますが、Javaのようなアクセス修飾子とはやや様相が異なります。TypeScriptにはJava風のアクセス修飾子があります。

読み取り専用の静的フィールド

TypeScriptの静的フィールドはreadonly修飾子をつけると読み取り専用になります。

ts
class SomeClass {
static readonly field: number;
}
ts
class SomeClass {
static readonly field: number;
}

📄️ クラスのreadonly修飾子

TypeScriptでは、フィールドにreadonly修飾子をつけると、そのフィールドを読み取り専用にできます。
  • 質問する ─ 読んでも分からなかったこと、TypeScriptで分からないこと、お気軽にGitHubまで🙂
  • 問題を報告する ─ 文章やサンプルコードなどの誤植はお知らせください。