JavaScriptのOOPにおける仮想プロパティのセッター

仮想プロパティのゲッターに加えて、 そのセッターも作成できます。 この場合、セッター内でデータを取得し、 分割して、対応する部分を適切な 公開プロパティに書き込む必要があります。

試してみましょう。仮想プロパティ fullのセッターを実装します：

javascriptclass User {
  constructor(name, surn) {
    this.name = name;
    this.surn = surn;
  }
  
  get full() {
    return this.name + ' ' + this.surn;
  }
  
  set full(full) {
    let [name, surn] = full.split(' ');
    
    this.name = name;
    this.surn = surn;
  }
}

分割代入を簡略化します：

javascriptclass User {
  constructor(name, surn) {
    this.name = name;
    this.surn = surn;
  }
  
  get full() {
    return this.name + ' ' + this.surn;
  }
  
  set full(full) {
    [this.name, this.surn] = full.split(' ');
  }
}

クラスのオブジェクトを作成します：

javascriptlet user = new User('john', 'smit');

仮想セッターにデータを書き込みます：

javascriptuser.full = 'eric jons';

オブジェクトのプロパティが変更されたことを 確認します：

javascriptconsole.log(user.name); // 'eric'
console.log(user.surn); // 'jons'
console.log(user.full); // 'eric jons'