[javascript] Method Chaining Pattern

일반적으로 함수를 만들때는 하나의 기능을, 단 하나의 함수만 작성하는 것이 좋은 프로그래밍 방법이다.

하지만 어떤 경우에는 이것이 가독성을 해치기도 한다.

 

기능별로 하나의 함수만 만든다는 것은 그 함수의 output이 다른 함수의 input이 된다는 것을 의미한다.

따라서 코드를 볼 때 거꾸로 타고 계속 올라가야 한다.

많은 사람들이 이런 경우를 경험해 보았을 것이다.

이럴 때 좋은 방법이 Method Chaining Pattern이다.

 

Method Cahining Pattern

Method Cahining Pattern은 자기 자신의 객체를 return하여,

계속 그 객체의 함수를 사용할 수 있게 한다.

function solution(n) {
    return parseInt(String(n).split('').sort().reverse().join(''));
}

 

Method Chaining Pattern을 구현하려면 자기 자신의 객체를 return해주면 된다.

 

구현 예시

class Human{
    constructor(){
        this.name = null;
        this.age = null;
        this.hobby = null;
    }
    setName(name){
        this.name = name;
        return this;
    }
    setAge(age){
        this.age = age;
        return this;
    }
    setHobby(hobby){
        this.hobby = hobby;
        return this;
    }
}

const mike = new Human();
mike.setName("mike").setAge(11).setHobby("programming");