UNPKG

javascripting

Version:

Learn JavaScript by adventuring around in the terminal.

70 lines (51 loc) 2.07 kB
--- # 스코프 `스코프`는 접근할 수 있는 변수, 객체, 함수의 집합입니다. 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); ``` ---