전역변수 쓰지 말라 쓰지 말라 계속 들어왔는데, 이번 포스팅에서는 대체 왜 쓰지말아야하는지에 대해 자세히 말해보겠다. 자바스크립트에서 변수 선언은 코드가 한 줄씩 순차적으로 실행되는 시점인 런타임에 실행되는 것이 아닌 런타임 이전 단계에서 실행된다라고 배웠다. 하지만 이건 전역 변수에만 해당하는 얘기이다. 특정 함수 내부에 선언된 변수라면 함수가 호출된 이후에야 함수 몸체 코드가 한 줄 씩 읽히기 전에 변수가 선언된다. 지역 변수의 생명주기 즉, 전역변수와는 달리 지역 변수는 생명주기가 함수의 생명 주기와 일치한다. 함수 몸체 내부에서 선언된 지역 변수의 생명 주기는 함수의 생명 주기와 대부분 일치하나 지역 변수가 함수보다 더 오래 생존하는 경우도 존재한다. 함수 내부엣 선언된 지역 변수는 함수가 생성한..

자바스크립트의 스코프는 다른 언어의 스코프와는 약간 결이 다르다. 그리고 var 키워드로 선언한 변수와 let 또는 const 키워드로 선언한 변수의 스코프도 다르게 동작한다. var 키워드로 선언된 변수는 같은 스코프 내에서 중복 선언이 허용된다. 이는 의도치 않게 변수값이 재할당되어 변경되는 부작용을 발생시킨다. 하지만 let, const 같은 ES6에서 생긴 변수 선언 키워드들은 같은 스코프 내 중복선언을 허용하지 않는다. 스코프의 종류 구분 설명 스코프 변수 전역 코드의 가장 바깥 영역 전역 스코프 전역 변수 지역 함수 몸체 내부 지역 스코프 지역 변수 변수는 자신이 선언된 위치에 의해 자신이 유효한 범위인 스코프가 결정된다. 지역 변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효하다. 함수..

함수 호출 함수 호출 연산자 내에는 0개 이상의 인수를 쉼표로 구분해서 나열하고, 함수 호출 시 실행 흐름을 중단하고 호출된 함수로 제어권이 넘어간다. 이때 매개변수에 인수가 순서대로 할당되고 함수 몸체의 문들이 실행되기 시작한다. 매개변수, 인수 인수는 실제 함수에 넘어가는 값이며, 전달되어 매개변수에 할당된다. 매개변수는 함수를 정의할 때 선언하며, 함수 몸체 내부에서 변수와 동일하게 취급된다. 매개변수는 함수 몸체 내부에서만 참조할 수 있고, 함수 몸체 외부에서는 참조 불가능하다. 즉 매개변수의 스코프는 함수 내부라는 것이다. 함수는 매개변수의 개수와 인수의 개수가 일치하지 않는지 체크하지 않는다. 만약 인수가 부족해서 인수가 할당되지 않는다면 해당 매개변수는 undefined 값을 가진다. 매개변..

자바스크립트에서는 함수도 객체이다. 함수 정의 함수를 정의하는 방법에는 4가지가 있다. 함수 선언문 함수 표현식 Function 생성자 함수 화살표 함수 함수 선언문 function add(x, y) { return x + y; } console.dir(add); consolg.log(add(3, 10)); console.dir 은 함수 객체의 프로퍼티까지 출력해준다. 함수 선언문은 함수 리터럴과는 달리 함수 이름을 생략할 수 없다는 걸 알고 있자. 함수 선언문은 표현식이 아닌 문이다. 표현식이 아닌 문은 변수에 할당할 수 없는데, 함수 선언문도 표현식이 아닌 문이므로 변수에 할당할 수 없다. 엥? 되는데요? 이게 되는 이유는 자바스크립트 엔진이 코드 문맥에 따라 함수리터럴을 표현식이 아닌 문인 함수 선..