자바스크립트 var와 호이스팅 질문

Question

https://namu.wiki/w/%ED%98%B8%EC%9D%B4%EC%8A%A4%ED%8C%85호이스팅이라는게자바스크립트 및 액션스크립트 코드를 인터프리터가 로드할 때, 변수의 정의가 그 범위에 따라 선언과 할당으로 분리되어 변수의 선언을 항상 컨텍스트 내의 최상위로 끌어올리는 것을 의미한다. 이는 오로지 변수에만 해당되는 것은 아니고 함수도 가능하며, 자바스크립트에서 함수의 호출을 첫 줄에서 하고 마지막 줄에 함수를 정의해도 문제없이 작동되도록 하는 유용한 특성이다.저 사이트에 이렇게 나와있는데..그래서 왜 옛날에는 인터프리터가 var를 사용했을때 undefined로 설정해두었는지..호이스팅 개념을 잘 모르겠습니다 ㅠ

js_ · Answer

최상위에서 선언 해준다 이지 변수 할당 까지 해준다는 의미가 아닙니다.undefined로 선언만 해두고 실제 var 를 사용한 곳에서 값을 할당 해줍니다.아래 예시처럼 let이나 const의 경우 선언 전에 해당 변수를 사용할 경우 그냥 바로 오류가 발생합니다.console.log(test1) // -> 오류 발생 console.log(test2) // undefined let test1 &#61; 'a' var test2 &#61; 'b' console.log(test2) // b

컴포지트 · Answer

인터프리터라고 해서 한줄이나 구문씩 읽고 바로 실행하지 않습니다. 스크립트 내용을 읽고, 변수나 함수의 호출 및 식이 발견되면 &#34;기대&#34;를 합니다. 언젠가는 선언했겠지. 그리고 스크립트 다 읽고 났더니, 어? 선언했네? 그럼 이제 실행해야지! 이게 호이스팅이죠.호이스팅이 가능케 하려면 2가지 준비물이 필요합니다. 바로 스코프(Scope), 그리고 클로저(Closure)죠.자바스크립트는 전역 스코프가 존재합니다. 무작정 호출하거나 불러와도, 언젠가는 선언해주겠지 하면서 다음 문으로 계속 넘어가 읽죠.그리고 문에 다다르면 &#34;여기까지 왔구나, 버려야지&#34; 합니다. 레이싱 게임을 하다보면 체크포인트가 있죠? 비슷합니다.하지만 막상 왔는데, 선언하지 않았어요. 그러면 어쩌라고 할 만 하죠? 에러를 뱉어냅니다. 참조할 수 없다고.따라서 자바스크립트의 스코프와 클로저를 먼저 익히면, 호이스팅이 자동으로 가능하게 하는 원리 이해가 쉬워집니다.정상 시나리오: &#34;함수야 밥좀줘!&#34; &#34;어 밥나왔네! 고마워!&#34; &#34;밥먹기전에 남은 일 해야겠다&#34; &#34;이제 밥먹어야지&#34; - 실행 성공변수 및 함수를 후에 선언 시: &#34;함수야! 나 밥먹게 밥 좀 줘!&#34; &#34;그동안 남은 일을 해야겠다&#34; &#34;어 밥나왔다 먹어야지&#34; - 실행 성공변수 및 함수 미선언 시: &#34;함수야! 나 밥먹게 밥좀 줘!&#34; &#34;그동안 남은 일을 해야겠다&#34; &#34;어 함수야 밥 안줘?&#34; - ReferenceError주의할 점은, let const 으로 할당 시 그 전에 해당 변수를 불러오려 하면 선언문에서 바로 ReferenceError를 뱉어냅니다. 이 구문은 호이스팅을 위한 구문이 아니기 때문이죠.

자바스크립트 var와 호이스팅 질문

2개의 답변

#var 목록