티스토리 뷰

1. Symbol
다른 값과 중복되지 않는 유일무이한 값이다.
문자열과 같이 프로퍼티의 키값으로 사용할 수 있다.
변경불가능한 원시값이다. ( 원시값이라서 new를 이용해서 생성하면 안됨 )
const symbol = Symbol("apple");
const copy = Symbol("apple");
// 유일무이한 값이기 때문에 같은 시드값을 넣어도 동일할 수 없음
console.log(symbol === copy); // false
console.log(symbol.description); // "apple"
console.log(symbol.toString()); // Symbol(apple)
// 문자열 or 숫자로 암묵적 변환 X
console.log(symbol + ""); // error
console.log(+symbol); // error
// 불리언 암묵적 변환 O
console.log(!!symbol); // true
// 전역 심벌 레지스트리에 값 저장 ( 없으면 생성 있으면 가져다 사용 )
const globalSymbol = Symbol.for("g");
const copySymbol = Symbol.for("g");
console.log(globalSymbol === copySymbol); // true
// 전역 심벌 값의 키값 가져오기
Symbol.keyFor(globalSymbol);
- 타 언어의 enum처럼 활용가능함
- 프로퍼티로 만들면 기본적으로 은닉되며, Object.getOwnPropertySymbols로 찾을 수 있음
'스터디 > 자바스크립트딥다이브' 카테고리의 다른 글
| 39 - DOM (0) | 2023.02.06 |
|---|---|
| 32 - String (0) | 2023.01.30 |
| 38 - 브라우저의 렌더링 과정 (0) | 2023.01.30 |
| 27장 - 배열 (1) | 2023.01.16 |
| 31장 - RegExp (1) | 2023.01.16 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 디자인시스템
- React18v
- http
- 구름톤
- 항해솔직후기
- 항해플러스프론트엔드
- vue3
- event종류
- 회고
- 그림으로 이해하는 시스템 설계
- vite
- vue.js3
- 항해플러스후기
- 로그인 인증
- 2025회고
- JWT토큰
- Vue.js
- eventListner
- 시스템설계
- focus와blur
- store.js
- 레포지토리패턴
- Repository pattern
- props
- react
- 알고리즘
- 개발자
- 더미데이터
- 결제기능
- 프로덕트설계
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함