스코프 (Scope)

모든 식별자( 변수이름, 함수이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할수 있는 유효범위가 결정 된다. 스코프는 식별자가 유효한 범위를 말한다.

• 식별자는 어떤 값을 구별할 수 있어야 하므로 유일 해야 한다.

전역과 전역 스코프 ( Global Scope )

전역이란 코드의 가장 바깥 영역을 말하고 전역 스코프를 만든다

• 전역변수는 어디서든지 참조할 수 있다.

지역과 지역 스코프 ( Local Scope )

지역이란 함수 몸체 내부를 말하고 지역 스코프를 만든다

• 지역변수는 자신의 지역 스코프와 하위 지역 스코프에서 유효 하다.
• ⭐️ 안에서는 밖을 볼 수 있지만 밖에서는 안을 볼 수 없고 접근이 안된다. 

🛠전역 변수의 문제점 

전역변수의 무분별한 사용은 위험하다. 전역 변수를 반드시 사용해야 할 이유를 찾지 못한다면 지역 변수를 사용해야 한다.

지역 변수의 생명주기

• 지역 변수의 생명주기는 함수의 생명 주기와 일치한다.

전역 변수의 생명주기

전역 코드는 함수 호출과 같이 전역 코드를 실행하는 특별한 진입점이 없고 코드가 로드되자마자 곧바로 해석되고 실행된다.

함수는 함수 몸체의 마지막 문 또는 반환문이 실행되면 종료한다.

하지만 전역코드에는 반환문을 사용할수 없으므로 마지막 문이 실행되어 더이상 실행할 문이 없을때 종료한다.

var 키워드로 선언한 전역 변수의 생명주기는 전역 객체의 생명주기와 일치한다.

1. 암묵적 결합

전역 변수를 선언한 의도는 코드 어디서든 참조하고 할당할수 있는 변수를 사용하겠다는 것이다. 이는 모든 코드가 전역 변수를 참조하고 변경할수 있는 암묵적 결합을 허용하는 것이다.

• 변수의 유효범위가 크면 클수록 코드의 가독성은 나빠지고 의도치않게 상태가 변경될 수 있는 위험성도 높아진다.

2. 긴 생명주기

전역 변수는 생명 주기가 길다. 따라서 메모리 리소드도 오랜 기간 소비한다. 또한 전역 변수의 상태를 변경 할 수 있는 시간도 길고 기회도 많다.
var 키워드는 변수의 중복 선언을 허용하므로 생명 주기가 긴 전역 변수는 변수 이름이 중복될 가능성이 있다. 변수 이름이 중복되면 의도치 않은 재할당이 이뤄진다.

• 지역 변수는 전역 변수보다 생명 주기가 훨씬 짧다. 전역 변수보다 상태 변경에 의한 오류가 발생할 확률이 작다는 것을 의미한다.

3. 스코프 체인 상에서 종점에 존재

4. 네임스페이스 오염

 

🎣 전역 변수의 사용을 억제하는 방법 

전역 변수를 반드시 사용해야 할 이유를 찾지못한다년 지역 변수를 사용해야 한다. 변수의 스코프는 좁을수록 좋다.

1. 즉시실행 함수

2. 네임스페이스 객체

let MYAPP = {}; // 전역 네임스페이스 객체
MYAPP.name = 'Lee';
console.log(MYAPP.name); // Lee

3. 모듈 패턴

모듈 패턴은 클래스를 모방해서 관련이 있는 변수와 함수를 모아 즉시 실행함수로 감싸 하나의 모듈을 만들고 캡슐화 까지 구현할 수 있다.

 

📝 캡슐화 는 객체의 상태를 나타내는 프로퍼티와 프로퍼티를 참조하고 조작할수 있는 동작인 메서드를 하나로 묶는 것을 말한다. 객체의 특정 프로퍼티나 메서드를 감출 목적으로 사용하기도 하는데 이를 정보은닉 이라 한다.
자바스크립트는 public, private, protected등의 접근 제한자를 제공하지 않는다. 모듈 패턴은 전역 네임스페이스의 오염을 막는 기능은 물로 한정적이기는 하지만 정보 은닉을 구현하기 위해서 사용한다. 

4. ES6 모듈

ES6 모듈을 사용하면 더이상 전역 변수를 사용할 수 없다. ES6 모듈은 파일자체의 독자적인 모듈 스코프를 제공한다. 따라서 모듈 내에서 var 키워드로 선언한 변수는 더는 전역 변수가 아니며 window객체의 프로퍼티도 아니다.