23
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

typescriptにおけるgetterとsetterを理解する

Last updated at Posted at 2019-04-17

#背景
getter, setterというものを知りましたので、勉強用メモです。

#getter, setterとは

class Me {
  private _age: number = 21;
}

let me = new Me();

console.log(me._age); //エラーが返ってくる

上記のコードではme._ageprivateのためアクセスすることはできません。
こういったクラス内でのprivateのものに対して外部からアクセスするためにgetter, setterを使います。
getterとは値を取得するもので、setterとは値を更新することです。そのままです。

#使ってみる

class Me {
  private _age: number = 21;
  
  //getterメソッド
  get age(): number {
    return this._age;
  }

  //setterメソッド
  set age(value: number) {
    this._age = value;
  }
}

let me = new Me();

console.log(me.age); //getter, 21が返ってくる

me.age = 30; //setter, 値を30に更新

console.log(me.age); //getter, 30が返ってくる

以上のようにgetter, setterを使ってみました。

#まとめ
オブジェクト指向!!

23
20
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
23
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?