JS의 변수 선언 방식과 그것들의 차이점을 배우다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var name = "황해도";
/* 변수 : 데이터를 담는 공간
변수키워드 변수이름 = 담을 데이터
ex) var num = 3
- 호이스팅 : 코드가 실행되면 메모리에 변수/함수를
미리 저장해둔다. 출석체크 하듯이
=> 협업에 있어서 불편함을 주게 됨
이를 방지하고자, ES6문법 이후 새로운 변수 등장
- let, const
** 면접 질문! "var와 let의 차이점을 아시나요?"
A. let은 ES6문법에서 새로 등장한 키워드로,
호이스팅을 방지하기 위해 선언 전에는 TDZ에
데이터를 보관하고 협업을 하는데에 있어서 유리한 환경을 제공한다.
*/
// (0) var
// - 재선언, 재할당 가능
// - 호이스팅 현상 일어남
console.log("var:", name)
var name = "임휘훈"; // 선언
name = "황해도" // 할당 (변수 안의 데이터 변경)
console.log("var:", name)
// (1) let
// let도 호이스팅이 일어나기는 하지만,
// TDZ(Temporal Death Zone)에 저장을 해두고,
// 선언이 되기 전까지 접근을 못하게 한다.
// 재선언 불가능
// 재할당 가능
let name2 = "한소희"
console.log("let:", name2)
// let name2 = "안유진" 재선언 불가능
// 재할당 가능
name2 = "레이"
console.log("let:", name2)
// (2) const: 상수, 불변값
const name3 = "카즈하"
// const name3 = "사쿠라" 재선언 불가능
// name3 ="김채원" 재할당 불가능
/* 변수 이름을 지어보자
1) 첫글자로 숫자 X (ex. 1name, 2apple..)
2) 변수명의 첫글자는 영문자, $, _ 가능
3) JS의 예약어는 변수명으로 사용 X
4) 의미없는 변수명 추천 X (ex. a, b, c, d)
5) camelCase 사용 (첫단어 소문자 / 2~ 대문자 시작)
*/
</script>
</body>
</html>
'Front-End > 1. JavaScript 기초' 카테고리의 다른 글
| [JS] Ex06_대입_논리연산자.html (0) | 2023.06.12 |
|---|---|
| [JS] Ex05_산술_증감연산자.html (0) | 2023.06.12 |
| [JS] Ex04_자료형.html (0) | 2023.06.12 |
| [JS] Ex03_이름 실습.html (0) | 2023.06.12 |
| [JS] Ex01_입출력.html (0) | 2023.06.12 |
