JavaScript OOP에서의 메소드 체이닝

메소드를 연쇄적으로 호출할 수 있게 만들 수 있습니다. 이를 위해 각각의 해당 메소드는 this를 반환해야 합니다. 한번 시도해 보겠습니다. 우리 클래스의 세터에 해당 코드를 추가하겠습니다:

class 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;
	}
}

이제 우리의 세터를 연쇄적으로 호출할 수 있습니다. 확인해 보겠습니다. 우리 클래스의 객체를 생성하겠습니다:

let user = new User;

세터를 체인으로 호출해 보겠습니다:

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

속성 값이 변경되었는지 확인하겠습니다:

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

Employee 클래스의 세터를 체인으로 호출할 수 있도록 만드세요.