Notice
Recent Posts
Recent Comments
Link
250x250
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
Tags
more
Archives
Today
Total
관리 메뉴

거인의 코딩일지

메서드 체인(Method Chaining)이란? 본문

코딩/JS

메서드 체인(Method Chaining)이란?

코딩거인 2023. 8. 14. 16:12
728x90
메서드체인이란???

메서드가 객체를 반환하면 반환한 객체의 메서드를 호출할 수 있는 기법이다
객체의 메서드를 마침표 연산자를 통해 계속 연결하여 실행 시킬 수 있다.

let obj  = {
	budget : 1000;
    receiveMoney : function() {
    	this.budget += 1000;
        return this;
    },
    saveMoney: function (save){
    	this.budget -= save;
        return this;
    },
    showBudget : function (){
    	console.log(this.budget);
    }
};
// 메서드체인을 사용한 경우
obj.receiveMoney().saveMoney(500).showBudget();
//결과 1500

// 메서드 체인을 사용하지 않은경우
obj.receiveMoney()
obj.saveMoney(500)
obj.showBudget();
결론!

자바스크립트에서 메서드 체인은 굉장히 유용하다 코드를 간결하고 직관적으로 만들어 주기 때문이다.

728x90