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

이번 글에서는 자바스크립트의 클로저(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 ..

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

이번 글에서는 스코프에 대해 알아보겠습니다. 이 글을 보러 오셨다면 이미 스코프에 대해 알고 계시겠지만, 다른 분들을 위해 간단히 짚고 넘어가겠습니다. 아래 내용을 읽기 전에 자바스크립트 컴파일레이션에 관한 내용을 읽고 오시기를 권장합니다. 1. 스코프 스코프를 한마디로 정의하자면 '변수가 영향을 미치는 범위' 혹은 '변수의 유효 범위'라고 할 수 있습니다. (포괄적으로 말하면 '코드가 유효한 범위'라고 할 수 있겠습니다.) 거두절미하고 코드를 보겠습니다. var a = 10; function scope1(){ a = 20; console.log(a); // 20 } scope1(); console.log(a); // 20 var b = 10; function scope2(){ var b = 20; co..

(19.07.11.안내)이론적인 내용이 궁금하시다면 자바스크립트 스코프(scope)도 읽어봐주세요 자바스크립트는 var 문법을 통해 변수를 선언할 수 있습니다. 또한 es2015부터 let과 const라는 문법으로도 선언할 수 있게 되었습니다.모질라 형님들의 문서에 따르면 var은 함수 스코프(function-level scoped), let과 const는 블록 스코프(block-level scoped)를 갖는다고 합니다. 몇가지 예제를 통해 var, let, const의 특징과 함수 스코프와 블록 스코프의 차이점을 알아보겠습니다. 블록 스코프 블록 스코프는 중괄호{ }로 감싸진 범위를 말합니다. if(true){ var variable1 = 'I am in a block'; let variable2 =..