[javascript] 메서드 체이닝 (Method Chaining)

코테 문제를 풀고 다른 사람의 풀이를 보던 중 메서드 체이닝을 했을 때의 코드의 깔끔함을 보고 정리를 남긴다.

메서드 체이닝

JS에서 모든 것은 객체고
메서드의 반환 값 또한 객체이므로 메서드 체이닝이 가능하다.

new_id = arr.join('')
        .replace(/[^a-z0-9-_.]/g, '')
        .replace(/\.{2,}/g, '.')
        .replace(/^\./, '')
        .replace(/\.$/, '');

위 코드처럼 각 객체의 반환값을 다시 메서드의 인자로 사용하여서
계속해서 메서드를 이어나간다.

메서드 체이닝 활용 장점

메서드 체이닝을 잘 활용하면 훨씬 간결하고 직관적인 코드가 완성된다.
위 replace를 다 나눠서 해주면 코드가 길어지고 쓸데없는 변수 선언이 필요해진다.