본문 바로가기

Today I Learned

모던 자바스크립트 Deep Dive 33장 Symbol

Symbol 생성할 때는 new 연산자와 함께 호출하지 않는다.

Symbol.for 메서드는 전역 레지스트리에서 해당 키와 일치하는 심벌 값을 검색한다. 검색에 성공하면 실벌 값을 반환하고 실패하면 새로운 심벌 값을 생성한다. keyFor 메서드는 심벌 값을 추출한다. Symbol.for 메서드로 생성된 값은 레지스트리에서 관리되지 않는다.

const mySymbol = Symbol("mySymbol");

const s1 = Symbol.for("mySymbol");
const s2 = Symbol.for("mySymbol2");

keyFor(mySymbol2);

심벌은 언제 사용할까?

심벌의 목적은 중복되지 않는 상수 값을 생성하는 것과 기존 코드에 영향을 주지 않고 프로퍼티를 추가하기 위해 도입되었다. 구체적인 예를 들자면, 표준 빌트인 객체에 사용자 정의 메서드를 확장하는 것은 권장하지 않는다. 이때 심벌 값으로 프로퍼티를 생성하면 안전하게 표준 빌트인 객체를 확장할 있다.

+) 빌트인 이러터블이 아닌 일반 객체를 이터러블처럼 동작하고자 한다면 Symbol.iterator 키로 갖는 메서드를 객체에 추가하고 이터레이터를 반환하도록 구현한다.

// 1 ~ 5 범위의 정수로 이루어진 이터러블
const iterable = {
  // Symbol.iterator 메서드를 구현하여 이터러블 프로토콜을 준수
  [Symbol.iterator]() {
    let cur = 1;
    const max = 5;
    // Symbol.iterator 메서드는 next 메서드를 소유한 이터레이터를 반환
    return {
      next() {
        return { value: cur++, done: cur > max + 1 };
      }
    };
  }
};


for (const num of iterable) {
  console.log(num); // 1 2 3 4 5
}