끄적끄적노트

이전 글에 이어서 JavaScript 스코프에서 파생된 개념들에 대해 알아보려고한다. 호이스팅 (Hoisting) Hoisting이라는 단어를 직역하면 끌어올리기, 들어 올려 나르기라는 뜻이라고 한다. JavaScript의 호이스팅 도 비슷한 의미를 가지고 있다. 변수 호이스팅과 함수 호이스팅으로 나누어 자세히 설명해보도록 하겠다. 변수 호이스팅 변수를 선언하고 초기화했을때, 선언 부분이 최상단으로 끌어올려지는 현상 을 말한다. 즉, 변수가 함수 내에서 정의되었을 경우 함수의 최상단으로, 함수 바깥에서 정의되었을 경우는 전역 컨텍스트의 최상단으로 변경된다. function hoisting() { console.log(foo); // undefined var foo = 'javascript'..

원래는 JavaScript의 클로저(Closure) 에 대해 정리하려고 했는데, 클로저는 스코프(Scope) 개념과 밀접하기 때문에 먼저 스코프에 대해 정리해보려 한다. 스코프(Scope) 스코프는 프로그래밍 언어에서 유효범위를 말하는 것으로, 변수와 매개변수(parameter)의 접근성과 생존기간을 뜻한다. JavaScript(ES6)의 지역 스코프는 함수 레벨 과 블럭 레벨 의 렉시컬 스코프 규칙을 따른다. (참고로, JavaScript는 함수레벨만 지원해오다가 ES6(ECMAScript 6)부터 블럭 레벨 스코프를 지원한다고 한다.) 스코프의 종류로는 전역 스코프(Global Scope) 와 지역 스코프(Local Scope) 가 있다. 변수가 함수 바깥이나 중괄호({}) 바깥에 선언되었다면 전역 ..