【TypeScript】静的メンバーとは何ですか?
TypeScript

【TypeScript】静的メンバーとは何ですか?

作成日:2021年08月15日
更新日:2021年08月17日

クラスをインスタンス化するときは、new 演算子を使用します。

ts
class Profile {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
}
let tanaka = new Profile("田中", 23);

クラスそのものに、変化しないメソッドやプロパティを持たせたい場合、静的メンバーを使用します。

書き方は、クラスの中のメソッドやプロパティの前に、『static』を追加します。

ts
class ProfileTanaka {
static myName: string = "田中";
static myAge: number = 23;
}

console.log();で確認します。

ts
console.log(ProfileTanaka.myName);

image2

myNameである、『田中』がコンソールログで表示されました。

メソッドも作ってみましょう。

ts
class ProfileTanaka {
static myName: string = "田中";
static myAge: number = 23;
static myMessage() {
return `私の名前は、${this.myName}です。`;
}
}

console.log();で確認すると、

ts
console.log(ProfileTanaka.myMessage());

image3

myMessageが表示されました。

© 2024あずきぱんウェブスタジオ