📖 [JavaScript] 심볼(Symbol)

property key: 문자형

🔎 Symbol: 유일한 식별자를 만들 때 사용

const a =Symbol();
new를 붙이지 않습니다!

유일성이 보장: 전체 코드 중에 딱 하나!

const id = Symbol('id');
const id2 = Symbol('id');
id === id2 //false
id == id2  //false

📌 property key: 심볼형

const id = Symbol('id');
const user = {
  name: 'Mike',
  age: 30,
  [id] : 'myid'
}

user 
//{name: 'Mike', age:30, Symbol(id): "myid"}
Object.keys(user) // ["name", age] //symbol id는 없음!

원본 객체를 건들이지 않고 property를 추가하고 싶을 때 사용!
Object.getOwnPropertySymbols(user); 를 사용하면 숨겨진 Symbol key를 볼 수 있음

const id = Symbol('id');
const user = {
  name: 'Mike',
  age: 30,
  [id] : 'myid'
}
Object.getOwnPropertySymbols(user); //[Symbol(id)]
Reflect.ownKeys(user); //Symbol을 포함한 객체의 모든 키를 보여줌 
//["name". "age", "Symbol(id)]
잘 사용하진 않으니 그냥 알아두기만 하자! 

📌 Symbol.for() : 전역 심볼

하나의 심볼만 보장받을 수 있음: 없으면 만들고, 있으면 가져오기 때문
Symbol 함수는 매번 다른 Symbol 값을 생성하지만, Symbol.for 메소드는 하나를 생성한 뒤 키를 통해 같은 Symbol을 공유

const id1 = Symbol.for('id');
const id2 = Symbol.for('id');
id1===id2; //true

이름을 얻고 싶다면, Symbol.keyFor(id1); //'id'
전역 심볼이 아닌 심볼은 keyFor()을 쓸 수 없음.
대신에, description으로 이름을 알 수 있음

const id = Symbol('id 입니다.');
id.description ; //"id 입니다."

🔗 예시 코드

//다른 개발자가 만들어 놓은 객체
const user = {
  name: "Mike",
  age: 30
};

//내가 작업
user.showName = function(){}; //이러면 His showName is function(){}로 나옴
const showName = Symbol('show name');
user[showName] = function(){
  console.log(this.name);
};

//사용자가 접속하면 보는 메세지
for (let key in user) {
  console.log(`His ${key} is ${user[key]},`);