정리하는공간

클로저의 개념 특정 함수와 이를 둘러싼 어휘적 환경 (Lexical Environment)간의 조합 MDN에서는 다음과 같이 클로저를 정의하고 있다. 문장은 참 짧은데, 이렇게만 봐서는 이해가 쉽지 않다. 다음 예제를 통해 클로저를 파헤쳐 보자. 클로저 예시 클로저의 예시로 가장 자주 쓰이는 소스 코드를 살펴보자. var counter = (function { // 외부 함수 let count = 0; // 외부 변수 return function() { // 내부 함수 alert(count); } })(); counter(); // alert으로 0 표시됨 위의 소스 코드를 실행해보면 alert을 통해 0이 표시됨을 확인할 수 있다. 즉시 실행 함수를 통해 리턴한 함수 (내부 함수)를 counter 변수..

아래 코드를 보자 console.log(value1); // undefined var value1 = 'var 키워드'; console.log(value2); // Uncaught ReferenceError: value2 is not defined let value2 = 'let 키워드'; myFunction(); // myFunction function myFunction() { console.log('myFunction'); } 위의 코드를 실행해보면 위에서부터 차례대로 undefined, Uncaught ReferenceError, 'myFunction' 이 출력된다. 세가지 예제 모두 변수를 선언하기 전에 실행했는데 왜 각기 다른 결과값이 나오는걸까? 호이스팅의 개념 - 변수의 정의가 그 범위에 ..

기존에 작성된 소스들, 몇몇 오픈소스 라이브러리 소스를 보다보면 var, let, const 등의 문구들을 자주 접하게 된다. 3가지 키워드 모두 변수를 선언하는 목적으로 쓰이는건 알겠는데.. 정확히 무슨 차이일까? 이번 기회를 통해 각 키워드의 특징들 및 차이점들을 정리해보자. var 키워드의 경우 ES5에서, let, const의 경우 ES5+ 부터 사용된 키워드이다! (let, const 가 최근에 나온 키워드) 지금부터 각 키워드들의 특징들을 살펴보며 차이점을 찾아보자. 1. 변수의 중복 선언 가능 여부 다음 예제를 보자 var value = 1; console.log(value); // 1 출력 var value = 2; console.log(value); // 2 출력 위의 예제를 보면 val..