[JS] symbol이란?

참고

[JS] primitive value

• symbol은 primitive value이므로, 결국은 symbol 형식의 '값'이다!
• Symbol()로부터 반환되는 모든 symbol 값은 고유하다.
• symbol 값은 객체 프로퍼티로 사용될 수 있으며, 사실상 이것이 symbol의 유일한 목적이라고 함.
  • 이를 통해, 같은 형식의 여러 오브젝트를 식별하는 식별자 역할을 수행할 수 있다.
  • 또는 오브젝트의 메소드 이름을 symbol로 지정하여 메소드의 이름이 겹쳐지는 경우를 방지할 수 있다.

const id = Symbol('monkey');
const whoami = Symbol('ingnoh');

const obj = {
  name: 'injuk',
  [id]: 'unknown monkey',
  [whoami]() {
    console.log(this.name, this[id]); // symbol 키를 갖는 값 호출
  },
}

obj[whoami](); // symbol 키를 갖는 메소드 호출

/* 실행 결과
injuk unknown monkey
*/

• symbol의 실질적인 값은 확인할 수 없다.

const sym = Symbol();
console.log(sym);
const paramSym = Symbol('ingnoh');
console.log(paramSym);

/* 실행 결과: symbol의 값을 확인할 수 없으며, symbol을 생성한 방식만을 확인할 수 있다.
Symbol()
Symbol(ingnoh)
*/

• symbol의 값은 변경할 수 없다.
  • 값의 변경 자체가 symbol의 값을 유추할 근거가 될 수 있기 때문에, symbol의 값을 변경하려고 한다면 에러가 발생한다.
  • toString은 사용할 수 있으나, symbol 값이 아닌 Symbol 함수의 형태가 문자열로 변경된다.

const sym = Symbol('ingnoh');
console.log(sym);

try {
  console.log(sym + ' monkey');
} catch {
  console.log('error 1...!!!');
}

try {
  console.log(sym.toString() + ' monkey');
} catch {
  console.log('error 2...!!!');
}

/* 실행 결과
Symbol(ingnoh)
error 1...!!!
Symbol(ingnoh) monkey
*/

• well-known symbol 등은 추후에 작성 예정