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 |