본문 바로가기
부트캠프교육중/JavaScript

메서드 호출

by 뭉지야 2023. 1. 13.
728x90

# 메서드 호출: 객체 내에 메서드를 호출하는 방법

객체.메서드()

메서드 호출 방식을 이용할때에는 화살표 함수를 쓰지 않는다!

 

#단순객체의 예제

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

 

#똑같은 기능을 하는 카운터를 여러개 만드는 방법 -> 클로저 모듈패턴을 이용한다

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

let value = 0;

return {   }

 

728x90

'부트캠프교육중 > JavaScript' 카테고리의 다른 글

객체 지향 프로그래밍  (0) 2023.01.13
클래스와 인스턴스 1  (0) 2023.01.13
[JavaScript] default parameter  (0) 2023.01.04
[JavaScript] 화살표함수  (0) 2023.01.04
[JavaScript] const  (0) 2023.01.04