[ES6]クラスのgetter、setterを定義する

2021年10月13日

書式

class クラス名 {
  get 属性名() {処理コード}
  set 属性名(引数) {処理コード}
] 
使い方
オブジェクト名.プロパティ名(属性)=値

使用例

<script>
//クラスの定義
class User {
 // getterメソッド
  get addr() {
    return this._addr + " tokyo"
  }
  // setterメソッド
  set addr(a) {
   this._addr = a;
  }
}
// オブジェクトを生成
var obj = new User();
//setter メソッドが呼ばれる
obj.addr ="東京";

//getterメソッドが呼ばれる
alert("値: "+obj.addr);
</script>

実行結果
値: 東京 tokyo

ECMAScript/ES6

Posted by arkgame