javascripting
Version:
Learn JavaScript by adventuring around in the terminal.
70 lines (51 loc) • 2.07 kB
Markdown
---
# 스코프
`스코프`는 접근할 수 있는 변수, 객체, 함수의 집합입니다.
JavaScript에는 `전역`과 `지역` 두 개의 스코프가 있습니다. 함수 선언 밖에 선언된 변수는 `전역` 변수이고, 그 값은 프로그램 전체에서 접근하고 수정할 수 있습니다. 함수 선언 안에 선언된 변수는 `지역` 변수입니다. 지역 변수는 함수가 실행 될 때마다 만들어지고 파괴되고, 함수 밖의 코드에서 접근할 수 없습니다.
다른 함수 안에 선언된 함수(중첩 함수)는 부모 함수의 스코프에 접근 할 수 있습니다.
아래 코드의 주석을 잘 읽어보세요.
```js
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)은 지역 스코프를 만드는 일반적인 패턴입니다.
예제:
```js
(function(){ // 함수식은 괄호로 둘러 쌈
// 변수 선언은 여기서
// 밖에서 접근할 수 없음
})(); // 함수는 즉시 실행됨
```
## 도전 과제:
`scope.js`라는 파일을 만듭니다.
이 파일에 다음 코드를 복사합니다.
```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`를 출력하게 하세요.
```js
console.log("a: "+a+", b: "+b+",c: "+c);
```
---