※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다.
https://www.yes24.com/Product/Goods/105608999
바닐라 자바스크립트 - 예스24
실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다.
www.yes24.com
자바스크립트 기본 자료형에는 String, Number, Boolean, Undefined, Null, Symbol이 있다. Symbol은 자바스크립트에서 절대 충돌이 일어나지 않는 유일한 key 값을 만들어준다. 자주 쓰이는 문법은 아니지만 쓰이는 곳이 있으니 어떤것인지 알아두자.
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<script>
console.log('====================일반 Object====================');
let person = {
firstName: "Jeremy",
lastName: "Go",
getFullName: function () {
return this.firstName + " " + this.lastName;
},
};
for (const key in person) {
console.log(key); //firstName, lastName, getFullName 출력
}
console.log(person.getFullName()); //해당 key로 함수를 불러온다.
console.log('=======================Symbol=======================');
let person2 = {
firstName: "Symbol",
lastName: "example",
};
let symName = Symbol("getFullName"); //유일한 key 생성
//Object에 Symbol key로 추가
person2[symName] = function () {
return this.firstName + " " + this.lastName;
};
for (const key in person2) {
console.log(key); //firstName, lastName 출력
}
console.log(person2[symName]());
</script>
</body>
</html>
교재에는 내용 자체가 별로 없어서 나중에 써볼일이 생기면 찾아서 추가하려 한다.
'02. JavaScript > 01. 기본개념, 문법 (ES6)' 카테고리의 다른 글
| JavaScript_etc. 헷갈리던 기본 개념 정리 (0) | 2023.11.29 |
|---|---|
| JavaScript_03. 내장 객체_Window (0) | 2023.11.28 |
| JavaScript_03. 내장 객체_JSON (0) | 2023.11.28 |
| JavaScript_03. 내장 객체_Math (0) | 2023.11.28 |
| JavaScript_03. 내장 객체_Map (0) | 2023.11.28 |
