기본 세팅 index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="module" defer src="./main.js"></script>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
1. Boolean
const a = true
const b = false
if(a) {
console.log('Hello')
}
if(b) {
console.log('Hello')
}
JavaScript에서는 true일때만 함수가 동작한다
2. null - 명시적으로 존재가 없음을 나타냄
// null - 존재 X / 비어있다 / 알수없다
let age = null
console.log(age)
setTimeout(function () {
// 1초뒤에 age 값이 85로 바뀜
age=85
console.log(age)
}, 1000)null이 나타났다가 1초 후에 85로 값이 변경되어 나타남
null은 값이 null이라고 직접 명시해줘야한다 !
3. undefined - 값이 할당되지 않은 암시적인 상태 / 직접 명시할 필요 X
// undefined는 암시적임 -> 직접 작성할 일 없을 것이다 // 따로 작성 안해도 됨
// 암시적 : 값을 할당하지 않아도 이미 그 값이 존재한다
let age
console.log(age)
setTimeout(function () {
// 1초뒤에 age 값이 85로 바뀜
age=85
console.log(age)
}, 1000)
// 이렇게 몇 초 뒤에 값이 할당되어야 할 때 null / undefined를 사용할 수 있음
const user = {
name: 'HEROPY',
age : 85
}
console.log(user)
console.log(user.name)
console.log(user.age)
console.log(user.email)없는 속성을 조회하려고 할 때,
암시적으로 값이 할당되지 않은 상태인 undefined을 보여준다.
null과 undefined 비교
const user = {
name: 'HEROPY',
age : 85,
email: null,
}
console.log(user)
console.log(user.name)
console.log(user.age)
console.log(user.email)
console.log(user.num)null은 직접 명시해줘야함 !!
null과 undefined의 차이는 명시적, 암시적의 차이임을 기억해두자 !
'JAVA script' 카테고리의 다른 글
| [JavaScript] 원시형 데이터 - String(문자열) / Number(숫자) (0) | 2023.05.06 |
|---|---|
| [JavaScript] 참조형 데이터 - 배열 Array (0) | 2023.05.06 |
| [JavaScript] 변수 선언 / scope (0) | 2023.04.30 |
| JavaScript 시작하기 (0) | 2023.04.18 |
| JAVA Script 조건문 ( if문 / switch문 ) (1) | 2022.09.25 |