Javascript --> getter와 setter 함수

1. Get 함수

const numbers = {
  a: 1,
  b: 2,
  get sum() {
    console.log("sum 함수가 실행됩니다!");
    return this.a + this.b;
  }
};

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

//출력값
sum 함수가 실행됩니다! 
3
sum 함수가 실행됩니다! 
6

 

 

 

2. Set함수

변수앞에 언더바를 붙힌 이유는 set함수와 겹치지 않기 위해서 만들었습니다.

const dog = {
    _name: "멍멍이",
    set name(value) {
      console.log("이름이 바뀝니다.");
      this._name = value;
    }
  };
  
  console.log(dog._name);
  dog.name = "뭉뭉이";
  console.log(dog._name);  

//출력값
멍멍이
이름이 바뀝니다.
뭉뭉이

 

 

 

3. get set 함수 함께 사용하기

const numbers ={
    _a: 1,
    _b: 2,
    sum: 0,
    calculate(){
        this.sum = this._a + this._b;
        console.log('calculate' + this.sum);
    },

    get a(){
        return this._a;
    },

    get b(){
        return this._b;
    },

    set a(value){
        this._a = value;
        this.calculate();
    },

    set b(value){
        this._b = value;
        this.calculate();
    }
};

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