다시 시작하는 자바스크립트 - 클래스 퀴즈1

 

헷갈리는 것들만 따로 정리할 예정.

deep dive 책을 함께 공부함.

 

 

 

- 퀴즈 1

 

1. 카운터 만들기
2. 0 이상의 값으로 초기화 한 뒤 하나씩 숫자를 증가할 수 있는 카운터를 만들기
3. Counter 클래스 만들기

 

class Counter {
  #value; // 외부에서 값을 바꾸려고 접근할 수 없도록 #을 이용해서 설정.(필드에)
  constructor(startNumber) {
    // 무언가가 NaN인지 판별하는 방법 => isNaN (true 또는 false를 출력)
    if (isNaN(startNumber) || startNumber < 0) {
      this.#value = 0;
    } else {
      this.#value = startNumber; // 그 외에는 넣은 값에서 바로 카운트를 시작할 수 있도록 설정.
    }
  }

  get value() {
    return this.#value;
  }

  increment = () => {
    ++this.#value;
  };
}

const counter = new Counter(0);
counter.increment();
counter.increment();
console.log(counter.value); // counter에 있는 현재 value를 출력