[JS] chapter14. 객체 지향 - 클로저 모듈 패턴

 

 

 

 

 

 

 

 

 

 

📌클로저 모듈 패턴

 

 

 

메서드 호출

 

객체.메서드() -> 객체 내에 메서드를 호출하는 방법

⚠️ 화살표 함수 x 

 

 

 

카운터 구현 예제

 

let counter1 = {
  value: 0,
  increase: function() {
    this.value++ // 메서드 호출을 할 경우, this는 counter1을 가리킵니다
  },
  decrease: function() {
    this.value--
  },
  getValue: function() {
    return this.value
  }
}

counter1.increase()
counter1.increase()
counter1.increase()
counter1.decrease()
counter1.getValue() // 2

 

 

 

클로저를 이용해 매번 새로운 객체 생성

 

클로저란? 함수를 리턴하는 함수

 

https://hwantech.tistory.com/146

[JS] Chapter 8. 클로저

 

 

위의 코드에서 counter1은 단 하나의 객체만 만들 수 있다.

카운터를 여러 개를 만들고 싶다면? -> 클로저 모듈 패턴 사용

 

 

카운터 구현 예제(클로저 모듈 패턴)

 

 

function makeCounter() {
  let value = 0;
  return {
    increase: function() {
      value++;
    },
    decrease: function() {
      value--;
    },
    getValue: function() {
      return value;
    }
  }
}

let counter1 = makeCounter()
counter1.increase()
counter1.getValue() // 1

let counter2 = makeCounter()
counter2.decrease()
counter2.decrease()
counter2.getValue() // -2