호이스팅(hoisting)
-인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것
- var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화
- let 과 const로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않음
✔변수타입으로 함수를 설정한다면 호이스팅이 일어나면서 해당하는 변수를 초기화 하면서 함수는 끌어올려지지 않으므로 오류가난다.
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>호이스팅</title>
</head>
<body>
<h2>호이스팅</h2>
<script>
func1(); // 이건 가능
func2(); // 이건안됨 , 변수타입으로 함수를 설정한다면 호이스팅이 일어나면서 해당하는 변수를 초기화 하면서 함수는 끌어올려지지 않으므로 오류가난다.
function func1(){
alert('func1 호출');
}
const func2 = function(){
alert('func2 호출');
}
func1();
func2();
</script>
</body>
</html>
결과
'코딩공부 > HTML,CSS,JavaScript' 카테고리의 다른 글
| JavaScript_함수 (0) | 2023.04.07 |
|---|---|
| JavaScript_배열(Array (0) | 2023.04.05 |
| JavaScript 반복문 실습코드 (0) | 2023.04.05 |
| JavaScript_반복문(while ,for) (0) | 2023.04.05 |
| JavaScript_제어문(switch문) (0) | 2023.04.05 |
