[JavaScript] 호이스팅(Hoisting) 이란?

🔗 호이스팅(Hoisting)이란?

 

 변수 또는 함수 선언 부분이 최상단으로 끌어 올려지는 현상을 의미한다.

 변수가 있으면 위치에 상관없이 최상단에서 undefined된 형태로 존재한다.

 

 

⭐ 주의

 

 var 변수 선언과 함수 선언문에서만 호이스팅이 일어난다. (let/const 변수 선언, 함수 표현식에서는 발생하지 않는다.)

 

console.log(a); // undefined 출력
console.log(b); // error
 
var a = 'hello';
const b = 'hello2';

 

func1(); // hello 출력
func2(); // error
 
function func1() { // 함수선언문
    console.log("hello");
}
 
var func2 = function() { // 함수표현식
    console.log("hello2");
}

 

---

🔎 참고 자료

• Hoisting(호이스팅)이란

💡 같이 보면 좋을 Post

[JavaScript] 변수(Variable) / 종류

[JavaScript / ES6] ES6 문법 정리