Scope는 변수가 어디까지 쓰일 수 있는지의 범위를 의미합니다.
즉, 변수가 선언되고 사용할 수 있는 공간입니다.

📦지역 변수(local Variable)

Block : 중관호 {}로 감싸진 것을 block이라고 합니다.

{} 내부를 Block Scope라고 합니다.

Block Scope에서 변수가 정의되면 그 변수는 오로지 Block Scope 내부에서만 사용할 수 있습니다.
이렇게 Block Scope 내부에서 정의된 변수는 지역 변수(local Variable)라고 부릅니다.

🌎 전역 변수 (global variable)

Block Scope 밖을 Global Scope라고 합니다. Global Scope에서 만든 변수는 전역 변수라고 합니다. 전역 변수는 코드 어디서든 접근이 가능합니다.

color는 block scope 밖에서 선언된 변수이기 때문에 전역변수입니다.
따라서 block scope 인 returnColor의 안에서도 접근이 가능합니다.

🙅🏻‍♀️Scope의 오염

전역 변수를 사용하면 아무곳에서나 접근하기 쉽지만, 그만큼 남용하면 프로그램에 문제를 일으킬 수 있습니다.
전역 변수는 선언하면 해당 프로그램 어디서나 사용할 수 있는 global namespace를 갖습니다.

* namespace라는 것은 변수 이름을 사용할 수 있는 범위라는 뜻입니다.

전역변수는 프로그램이 종료될 때 까지 살아있습니다.
지역변수는 block이 끝나면 더 이상 변수가 살아있지 않아서 쓸 수 없습니다.
전역변수가 계속 살아서 변수값이 계속 변한다면 해당 변수를 트래킹하기 어렵고, 수많은 코드 중에 해당 전역변수가 어디서 선언됐는지를 찾아야합니다.

아래는 Scope 오염의 대표적인 예시입니다.

• stars 이라는 전역 변수가 있었습니다.
• callMyNightSky 함수 새로운 변수를 선언하려고 했는데 실수로 let 키워드를 작성하지 않았습니다.
• 전역변수인 stars의 바뀌어버려서 원하지 않았던 값인 “Sirius”가 사용되버렸습니다..!!😱

예시의 코드는 아주 짧지만, 현업에서는 몇 십개, 몇 백개의 함수를 사용할지 모르는 상황에서 전역 변수를 남용하게 되면, 저런 실수를 했을 때 어디서 값이 수정되는지, 오류가 생겼는지 알 수 없게 됩니다.

👍🏻좋은 Scoping 습관

최대한 Block Scope에서 지역변수를 선언해야합니다.

지역 변수의 장점

• 코드의 품질을 올려줍니다.
• block으로 구분되기 때문에 코드 가독성이 올라간다.
• 기능별로 block을 나누면 코드를 이해하기 쉬워진다.
• 프로그램이 끝날때까지 변수가 살아있는 전역변수와 달리 지역변수는 block이 끝나면 변수의 사용이 종료되어서 메모리 절약이 된다.

즉, 전역 변수를 쓰지 않도록 노력하고, 최대한 Block Scope에서 let과 const를 사용하여 코드를작성해야합니다.

---

✍🏻최종 정리

• scope : 변수가 어디까지 쓰일 수 있는지의 범위입니다.
• block : 중괄호{} 로 감싸진 것을 block이라고 합니다.
• global scope : block 밖을 gabla scope라고 합니다.
• global variable : global scope에서 만든 변수를 global variable(전역 변수)라고 합니다.
• block scope : block 내부를 말합니다
• local variable : block scope에서 만든 변수를 local variable(지역 변수)라고 합니다.
• global namespace : namespace는 변수 이름을 사용할 수 있는 범위를 뜻합니다. global namespace는 해당 프로그램 어디서나 사용할 수 있는 변수 이름입니다.
• scope pollution : global 변수를 남용해서 생기는 오류입니다.