JavaScriptのOOPにおけるメソッドチェーン

メソッドを連鎖的に次々と呼び出せるようにすることができます。 そのためには、そのような各メソッドが this を返す必要があります。 試してみましょう。クラスのセッターに対応するコードを追加します：

javascriptclass User {
  #name;
  #surn;

  setName(name) {
    this.#name = name;
    return this;
  }
  setSurn(surn) {
    this.#surn = surn;
    return this;
  }
  
  getName() {
    return this.#name;
  }
  getSurn() {
    return this.#surn;
  }
}

これで、セッターを連鎖的に次々と呼び出すことができるようになります。 確認してみましょう。クラスのオブジェクトを作成します：

javascriptlet user = new User;

セッターをチェーンで呼び出してみます：

javascriptuser.setName('john').setSurn('smit');

プロパティの値が変更されたか確認してみましょう：

javascriptconsole.log(user.getName());
console.log(user.getSurn());