javascript 심볼(Symbol)

-symbol: 유일한 식별자를 만들 때 사용. 유일성이 보장 됨

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

console.log(a)
console.log(b)

결과 Symbol() Symbol()

일치 연산자로 확인 시 a == b; false

- property key : 심볼형

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

console.log(user)

결과

{name: 'Mike', age: 30, Symbol(id): 'myid'}

 

-> Object 사용 시

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

console.log(Object.keys(user));

결과 > ['name', 'age']

다른 Object values , entries 도 적은 대로 나옴

 

-특정 개체에 원본 데이터를 건드리지 않고 속성 추가할 수 있음

단 너무 복잡한 이름X, 다른 이가 만든 객체에 덮어 쓰기 X

const user = {
    name : 'Mike',
    age : 30
}

const id = Symbol('id');
user[id] = 'myid';

console.log(user[id])

결과 > myid

 

-Symbol.for(): 전역 심볼

없으면 만들고 있으면 가져오기 때문에 하나의 심볼만 보장받을 수 있음

Symbol 함수는 매번 다른 Symbol 값을 생성하지만, Symbol.for 메소드는 하나를 생성한 뒤 키를 통해 같은 Symbol을 공유할 수 있음

이름을 넣어주면 생성할 때 넣어주었던 이름 알려줌

예시) Symbol.keyFor(id1) //id

전역변수가 아닐 시 keyFor 사용할 수 없음 대신 description 이용

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

결과> id입니다.

-숨겨진 Symbol key 보는 법

symbol key 는 완전히 숨길 없어 Object와 Reflect 사용 해 볼 수 있음

const id = Symbol('id');
const user = {
    name : 'Mike',
    age : 30,
    [id] : 'myid'
}
console.log(Object.getOwnPropertySymbols(user)); //결과> [Symbol(id)]
console.log(Reflect.ownKeys(user)); //결과> ['name', 'age', Symbol(id)]

Object.getOwnPropertySymbols(); symbols만 볼 수 있음

Reflect.ownKeys(); symbol key 포함한 모든 객체 보여줌

 

//

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

//내 작업
// user.showName = fuction(){} ; > His showname is fuction(){}.
const showName = Symbol('show name');
user[showName] = function(){
    console.log(this.name);
};

user[showName]();

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

결과>
Mike
His name is Mike.
His age is 30.