어서와, 개발은 처음이지?

이번 글에서는 자바스크립트의 호이스팅(hoisting) 현상을 스코프 관점에서 이해해보도록 하겠습니다. 호이스팅 현상에 대해 좀 더 깊게 이해하기 위해, 본 글을 읽기 전에 자바스크립트 스코프 를 읽고 오시길 권장드립니다. 1. var 변수의 의도치 않은 현상 이전에 작성한 스코프(scope) 글을 보고 눈치 채셨거나, 이미 아시는분들도 계시겠지만 javascript에서 var 선언문을 사용하여 변수를 선언하면 아래와 같은 상황이 발생할 수 있습니다. if(true){ var name = 'yuddomack'; } console.log(name); // yuddomack for(var i=0; i

(안내) 호이스팅의 원리에 대한 글을 추가로 포스팅했습니다. (19.10.13) 자바스크립트의 변수는 다른 언어들과 조금 다르게 동작합니다. 이는 때때로 개발자로 하여금 의도하지 않은 결과를 발생시키기도 합니다. es2015 이후로 let이나 const를 사용하여 예방할 수 있지만 Closure같은 문법들의 효용성을 이해하기 위해서 고전 자바스크립트가 가졌던 특징을 다지고 가는것이 좋겠습니다. var 변수의 의도치 않은 현상 잠시 아래 코드를 보겠습니다. if(true){ var name = 'yuddomack'; } console.log(name); for(var i=0; i