2. +
변수 유효범위(Scope)
대부분의 메이저 언어는 중괄호 블럭구분자로 하여 블럭단위로
변수의 유효범위가 결정된다.
Javascript는 변수가 선언된 함수블럭을 변수의 유효범위로
가지고 내부에 중첩된 중괄호는 함수의 유효범위에 영향을
미치지 않는다.
함수 외부의 전역컨텍스트는 일종의 함수처럼 동작함으로서
위의 규칙을 만족시킨다.(windows객체)
Javascript 1.7이상부터 let이라는 키워드로 변수 유효범위
블럭을 지정할 수 있다.
Javascript에서 catch블럭은 예외적으로 블럭 구분자 단위의
변수 유효범위가 적용된다.
3. +
변수 호이스팅(hoisting)
JavaScript에서 어떤 변수를 정의할때 변수의 선언부는
암묵적으로 변수의 유효범위(함수)의 최상단으로 끌어
올려지고(hoisting) 변수의 초기화 부분은 선언된 위치에 그대로
위치한다.
변수를 동일한 유효범위내에서 재선언할 경우 하나의 변수처럼
처리된다.
var키워드를 변수 정의시에 지정하지 않을 경우 전역
컨텍스트레벨까지 호이스팅 된다.
4. +
변수 호이스팅 생각해보기
function myFunc(myVar) {
console.log(myVar);
if (true){
var myVar = “Hello world”;
}
for(var i = 0; i < 10; ++i) {
some action……
}
for(var i = 0; i < 10; ++i) {
some action……
}
}
5. +
엄격모드(Strict mode)
JavaScript 스펙5(ECMAScript 5)부터 엄격모드가 추가됨
“use strict”라는 리터럴을 선언하는 것으로 해당 스코프에
엄격모드가 활성화된다.
단순한 리터럴이므로 엄격모드의 스펙은 구현하지 않은
스크립트 엔진에서는 무시됨으로서 하위 호환성이 유지된다.
엄격모드는 JavaScript미래에 표준으로 적용할 스펙이므로 새로
작성하는 스크립트 코드는 가급적 엄격모드에서 작성하는 것이
좋다.
6. +
컨텍스트(Context)
함수가 호출될 경우 실행 컨텍스트가 생성되며 컨텍스트는
데이터 스코프, 함수 인자, this의 값등을 정의한다.
this의 값이라함은 다른말로 실행 컨텍스트 객체라고 하며
객체가 생성될때 암묵적으로 할당된며 호출된 함수에서 사용할
수 있는 변수나 함수들의 참조가 포함되어있다.
전역 컨텍스트의 함수가 호출되면 this에는 암묵적으로 전역
컨텍스트가 할당된다.(엄격모드에서는 할당이 제한됨)
실행중인 컨텍스트에서 함수가 호출되면 컨텍스트가 일종의
스택으로 중첩되며 스코프 체인을 형성하게 된다.
7. +
함수 호출
함수가 호출되면 암묵적으로 arguments, this가
정의된다.(일종의 매개변수)
엄격모드에서는 arguments를 재정의 할 수 없다.
앞에서 언급한대로 함수가 호출되면 실행 콘텍스트가 생성되며
함수로서 호출되면 전역 컨텍스트 객체가 this에 할당되며
메소드로서 호출되면 해당 객체의 컨텍스트 객체가 this에
할당된다.
생성자로서 호출(new 키워드)될 경우 this에는 생성된 객체가
할당된다.
함수의 apply, call메소드를 이용한 호출
8. +
익명함수
Javascript에서는 익명함수를 정의 할 수 있다.(익명이므로
호출할 수 없다.)
변수에 익명함수를 할당함으로서 익명함수를 호출할 수 있다.
var myfunc = function() {})();
익명함수를 선언과 동시에 실행할 수 있는데 이것을 자기 실행
익명함수라고 하며 이경우에는 변수에 할당하지 않아도 호출이
가능하다.
(function() {})();
9. +
암묵적인 형변환
JavaScript에는 변수를 정의할 때 명시적으로 형을 지정하지
않는다.
변수가 피연산자로서 사용되기 전에는 항상 새로 평가되어지며
스펙에 정의된 프로토콜에 따라 암묵적인 형변환이 일어난다.
비교연산시에도 암묵적인 형변환이 발생하므로 ===연산자를
적극적으로 활용하여 암묵적인 형변환에 대비하자.
객체의 경우 toString이나 valueOf메소드가 호출되어 형변환이
일어난다.
if문이나 boolean값과의 비교등등 에서 boolean으로도 형변환이
일어나므로 주의하도록 하자.
