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());