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);
myNameである、『田中』がコンソールログで表示されました。
メソッドも作ってみましょう。
ts
class ProfileTanaka {
static myName: string = "田中";
static myAge: number = 23;
static myMessage() {
return `私の名前は、${this.myName}です。`;
}
}
console.log();で確認すると、
ts
console.log(ProfileTanaka.myMessage());
myMessageが表示されました。
お知らせ
私事ですが、Udemyで初心者を対象にしたReactの動画コースを作成しました。
Reactについて興味がありましたら、ぜひ下のリンクからアクセスしてください。
詳しくはこちら（Udemyの外部サイトへ遷移します）
