JavaScript クラス(class)staticキーワード
JavaScript クラス(class)サンプル
サンプル
以下のサンプルでは、クラス "サンプル" を作成し、静的メソッド hello() を作成します:
class サンプル {
constructor(name) {
this.name = name;
}
static hello() {
return "Hello!!";
}
}
let noob = new サンプル("サンプル");
//クラス内で 'hello()' メソッドを呼び出すことができます
document.getElementById("demo").innerHTML = サンプル.hello();
//インスタンス化されたオブジェクトから静的メソッドを呼び出すことはできません
// document.getElementById("demo").innerHTML = noob.hello();
//上記のコードはエラーになります
試してみる »
定義と使用法
クラス(class)は static キーワードを使用して静的メソッドを定義します。
静的メソッドの呼び出しはクラス上で直接行い、クラスのインスタンス上では呼び出せません。
静的メソッドは通常、ユーティリティ関数を作成するために使用されます。
構文
static methodName()
技術詳細
| JavaScript バージョン: | ECMAScript 2015 (ES6) |
ブラウザサポート
static は ECMAScript6 (ES6) の機能です。
ES6 (JavaScript 2015) は現在すべての主要ブラウザでサポートされています。
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Internet Explorer 11 またはそれ以前のバージョンの IE は static キーワードをサポートしていません。
その他の拡張