호이스팅

서현서현·2022년 4월 19일
0

Html/CSS/JavaScript

목록 보기
7/15
post-thumbnail

호이스팅(Hoistiong)

  • 코드를 실행하기 전 변수선언/함수선언을 해당 스코프의 최상단으로 끌어올리는것

변수의 호이스팅

<script>
console.log(a);
var a;
a = "에러가 날까요?";
</script>

java였다면 에러가 나서 빨간줄이 떴을테지만, JS의 경우엔 에러가 뜨지 않는다.

WHY? 선언만을 최상단으로 끌어 올리기 때문에 Undefined가 출력되는것. 초기화식은X

+) let의 경우 호이스팅 지원 X

<script>
console.log(a);
let a;
a = "에러가 날까요?";
</script>


함수의 호이스팅

<script>

showName();

function showName(){
	console.log(name);
	var name = "hahah";
	console.log(name);
}

</script>

<script>

showName();

var Showname = function(){
	console.log(name);
	var name = "hahah";
	console.log(name);
}

</script>

0개의 댓글

관련 채용 정보