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

이번 글에서는 자바스크립트의 클로저(Closure) 현상에 대해서 알아보겠습니다. 일전에도 클로저에 대한 글을 작성한 적 있는데, 할머니가 이해할 수 있도록 리팩토링 하는 차원에서 새로 작성해보겠습니다. 1. 지극히 통상적인 설명 통상 클로저에 대한 예를 대표하는 코드는 아래와 같습니다. var name = "홀롤롤롤롤"; function outer() { /* 아우터 */ var name = "yuddomack"; function inner() { /* 이너 */ return name; } return inner; } var innerFunc = outer(); var myName = innerFunc(); console.log(`name : ${myName}`); // name : yuddomack ..

(2020.01.29) 스코프 관점에서 볼 수 있도록 새로 작성했습니다. 자바스크립트에는 클로저(Closure)라는 개념이 존재합니다. 프로토타입 기반의 언어인 자바스크립트는 클로저를 통해서 클래스 기반 언어처럼 캡슐화, 모듈화 작업을 수행할 수 있습니다. 또한, let과 const가 없던 시절부터 변수의 제어를 도왔습니다. (var 변수는 함수 범위에서 전역적이기 때문에 종종 문제가 발생합니다.) 클로저 모질라 형님들의 도큐먼트에 의하면 '클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다.' 라고 나와있습니다. 그냥 봤을땐 이게 뭔 개소리야? 싶습니다. 간단하게 정리하면 함수 밖에서 선언된 변수를 함수 내부에서 사용할 때 클로저가 생겨난다고 할 수 있습니다. function outer(){ var ..