프론트 엔드 개발자가 되기 위한 여정-2번째 주말편

이정우·2022년 9월 11일
0

frontend-bootcamp

목록 보기
10/60

밸-하
밸로그여러분 안녕하세요!!

오늘은 두번째 주말편! 바로바로~~
호이스팅에 대해서 포스팅을 할수있도록 하겠습니다!
(와~짝짝짝)

호이스팅!
음...뭘까요??

둘리에서 나오는 호이호이 일까요??
(죄송합니다...)

그럼 과연 호이스팅이란 무엇일까???
한번 같이 알아볼까요???

1.호이스팅(Hoisting) 이란??

정의를 보자면

javascript의 호이스팅이란
인터프리터가 변수와 함수의 메모리 선언공간을 선언전에 미리 할당하는것을 의미합니다!

출처:https://developer.mozilla.org/ko/docs/Glossary/Hoisting
mdn-호이스팅

이게 무슨소리냐고요??
자바스크립트는 파일을 실행하기이전에 파일안에 있는 모든 변수를 최상단으로 끌어올려 미리 할당을 해주게 됩니다
이렇게 된다면

상단부분에

b=a+a 

이런식으로 먼저 입력을 해주고
하단부분에

var b;
var a=5;

이렇게 선언을 해주게된다면
javascript에서는 이 변수들을 파일을 실행하기전에 최상단으로 끌어올려 먼저 읽고 실행을 하게됩니다

이렇게 선언을 하단부에 하여도 컴파일러는 그것을 확인하고 값을 산출해주는데요

실행결과를 보겠습니다

console.log(b)
//10

이렇게 된다는거죠

조금은 이해가 되셨나요??

이번 포스팅 호이스팅 기초는 여기서 마치겠습니다!
자 여러분 잘보세요!
'기초'라고 했죠??
심화부분도 곧 포스팅으로 올릴수 있도록 하겠습니다!
기대는....하지말아주세요
그럼 이만

밸~바~~~

profile
주니어 프론트엔드 개발자

0개의 댓글