[mdn, 드림코딩 외] 객체지향 (2) : 객체(object)와 getter and setter

객체(object)

https://sunshineyellow.tistory.com/17

[코딩앙마 외] 객체(Object)와 프로퍼티(property)

위 글에서 잠깐 짚고 넘어간 객체를 클래스와 함께 심화학습한다.

class Goodcoder {
  //constructor
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  
  //method
  coding() {
    console.log(`${this.name}, good job!`);
  }
};

//object
const noran = new Goodcoder()

클래스의 오브젝트(객체)는 new 연산자를 꼭 사용해야 한다.

---

Getter와 Setter

class Goodcoder {
  //constructor
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  
  //getter
  get age() {
    return this._age; // call stack size 에러를 방지하기 위해 변수 앞에 _를 붙인다.
  }
  
  //setter
  set age(value) {
    if (value < 0) {
      throw Error('나이는 정수로 작성해 주세요.');
    }
    this._age = value; // call stack size 에러를 방지하기 위해 변수 앞에 _를 붙인다.
  }
};

//object
const noran = new Goodcoder('noran', -1) //'age는 -1이 될 수 없다.'는 설정일 때

getter는 age(오브젝트 또는 변수가 될 수 있다.)의 값을 가져오고, setter는 age의 값을 설정한다.

 

위 코드에서 get을 정의하는 순간, constructor 내의 this.age = age;에서 this.age는 메모리에 들어있는 데이터를 읽어오는 것이 아니라 get을 호출하게 된다.

또한 set을 정의하는 순간, constructor 내의 this.age = age;에서 = age;는 메모리에 값을 할당하는 것이 아니라 set을 호출하게 된다.

 

위 코드에서 나이가 0 아래로 내려갈 수 없게 하는 setter는 이런 식으로도 작성될 수 있다.

  //setter
  set age(value) {
    this._age = value < 0 ? 0 : value;
  }

---

출처 : 드림코딩 https://www.youtube.com/@dream-coding / MDN https://developer.mozilla.org/ko