📒Javascript 심볼 :)

Symbol

• Symbol함수를 호출하여 생성함.
• 유일한 식별자를 만들기 위해 사용
• 인수로 해당 식별자의 설명을 부여할 수 있음.
• 선택적으로 문자열을 인수로 전달할 수 있음. 이 문자열은 심벌 값에 대한 설명으로 디버깅 용도로 사용함~!, 심벌 값에 대한 설명이 같더라도 값은 유일무이한 값임!!!
• 암묵적으로 문자열과 숫자로 타입변하지 않으며 불리언 타입으로는 암묵적 타입 변환된다.

👾 #1

const a = Symbol(); // new를 붙이지 않음

/* 유일한 식별자 */
const a = Symbol();
const b = Symbol();

console.log(a === b) // false
console.log(a == b) // false

👾 #2 property key:심볼형

const id = Symbol('id');
const user = {
  name: 'Mike',
  [id] : 'myid'
}
console.log(user); // {name: 'Mike', Symbol(id): 'myid'}

👉🏻 Object.keys(user), Object.values(user), Object.entries(user), for(let a in user){} 모두 심볼형은 건너뛰고 실행함!!

📌 Symbol 사용 예제

👾 #1 symbol 사용X

// 다른 개발자가 만들어 놓은 객체
const user = {
  name: 'Zooyaho',
  age: 34,
}

// 내가 작업
user.showName = function() {}

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

📍console

👾 #2 symbol 사용

// 다른 개발자가 만들어 놓은 객체
const user = {
  name: 'Zooyaho',
  age: 34,
}

// 내가 작업
const showName = Symbol("show name");
user[showName] = function() {
  console.log(this.name);
}

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

📍console

📌 숨겨진 Symbol key 보는법

• Object.getOwnPropertySymbols(객체);
• Reflect.ownKeys(객체);

🔵 Symbol.for()

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

const idA = Symbol.for('id');
const idB = Symbol.for('id');

console.log(idA === idB) // true

🔵 Symbol.keyFor()

• Symbol.keyFor(변수)
• 해당 변수의 symbol key값을 알 수 있음.

const idA = Symbol.for('id');
console.log(Symbol.keyFor(idA)); // 'id'

🔵 description

• 전역 심볼이 아닌 심볼은 keyFor()을 사용할 수 없음.

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