Front-End/JavaScript

[JavaScript] 객체 - Getter , Setter

KEMON 2020. 12. 13. 18:08
728x90

1. Getter의 특징

    - get 함수명() {} 식으로 생성할 때 get을 붙임

    - return 값이 있어야함

    - 호출할 때 getter()로 하지 않고 getter로 호출

const numbers = {
  a: 1,
  b: 2,
  get sum(){
    console.log('getter 실행');
    return this.a + this.b;
  }
};

console.log(numbers.sum);
numbers.b = 5;
console.log(numbers.sum);

2. Setter의 특징

  - set 함수명() {} 식으로 생성할 때 set을 붙임

  - parameter가 있어야함

const dog = {
  _name: '멍멍이',
  set name(value){
    console.log('setter');
    this._name = value;
  }
}

console.log(dog._name);
dog.name = '뭉뭉이';
console.log(dog._name);

 

728x90