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

2021年10月13日

書式

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
class クラス名 {
get 属性名() {処理コード}
set 属性名(引数) {処理コード}
]
使い方
オブジェクト名.プロパティ名(属性)=値
class クラス名 { get 属性名() {処理コード} set 属性名(引数) {処理コード} ] 使い方 オブジェクト名.プロパティ名(属性)=値
class クラス名 {
  get 属性名() {処理コード}
  set 属性名(引数) {処理コード}
] 
使い方
オブジェクト名.プロパティ名(属性)=値

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<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>
<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>
<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