스코프는 접근할 수 있는 변수, 객체, 함수의 집합입니다.
JavaScript에는 전역과 지역 두 개의 스코프가 있습니다. 함수 선언 밖에 선언된 변수는 전역 변수이고, 그 값은 프로그램 전체에서 접근하고 수정할 수 있습니다. 함수 선언 안에 선언된 변수는 지역 변수입니다. 지역 변수는 함수가 실행 될 때마다 만들어지고 파괴되고, 함수 밖의 코드에서 접근할 수 없습니다.
다른 함수 안에 선언된 함수(중첩 함수)는 부모 함수의 스코프에 접근 할 수 있습니다.
아래 코드의 주석을 잘 읽어보세요.
var a = 4; // 전연 변수 아래에 있는 함수에서 접근 가능
function foo() {
var b = a * 3; // b는 foo 함수 밖에서 접근할 수 없지만, foo 함수 안에서
// 선언된 함수에서는 접근 가능
function bar(c) {
var b = 2; // bar 함수 스코프 안에서 생성한 다른 `b` 변수
// 새로 만든 `b` 변수를 변경해도 오래된 `b` 변수에는 영향이 없음
console.log( a, b, c );
}
bar(b * 4);
}
foo(); // 4, 2, 48즉시 실행하는 함수식(IIFE, Immediately Invoked Function Expression)은 지역 스코프를 만드는 일반적인 패턴입니다. 예제:
(function(){ // 함수식은 괄호로 둘러 쌈
// 변수 선언은 여기서
// 밖에서 접근할 수 없음
})(); // 함수는 즉시 실행됨scope.js라는 파일을 만듭니다.
이 파일에 다음 코드를 복사합니다.
var a = 1, b = 2, c = 3;
(function firstFunction(){
var b = 5, c = 6;
(function secondFunction(){
var b = 8;
(function thirdFunction(){
var a = 7, c = 9;
(function fourthFunction(){
var a = 1, c = 8;
})();
})();
})();
})();변수의 스코프에 관한 지식을 활용해 다음 코드를 scope.js 안의 함수 안에 넣어 a: 1, b: 8,c: 6를 출력하게 하세요.
console.log("a: "+a+", b: "+b+", c: "+c);이 명령어를 실행해 프로그램이 올바른지 확인하세요.
javascripting verify scope.js