본문 바로가기
Tech/WEB

호이스팅(Hoisting)

by Dog발자. 2021. 4. 14.
반응형

호이스팅은 유효 범위의 최상단으로 올라가는 현상을 말한다. 호이스팅은 var 와 function 로 나눌 수 있다.

var 호이스팅

    if (true) {
        var a = 'testA'
    }
    console.log(a)

결과

// testA

위 코드처럼 a라는 변수가 최산단으로 올라가 console.log에 찍히는 현상을 확인 할 수 있다 하지만 es6넘어가면서 let, const 를 사용하여 이러한 이슈를 해결 할 수 있다.

 

※var, const, let 차이

function 호이스팅

    testFunction()

    function testFunction() {
        console.log('testFunction')
    }
// testFunction

위 함수처럼 비록 실행문 아래에 함수를 정의하더라도 호이스팅으로 스크립트 해석기에서 미리 최상단으로 올리므로 해당 함수를 실행 할 수 있다.

반응형

'Tech > WEB' 카테고리의 다른 글

javascript call, apply, bind 차이점  (0) 2021.04.15
var, let, const 차이  (0) 2021.04.14
Function VS Arrow Function 차이점  (0) 2021.04.14

댓글