[JavaScript] Scope

Scope

변수 접근 규칙에 따른 유효 범위, 변수에 접근할 수 있는 범위

let greeting = 'Hello';
function greetSomeone() {
	let firstName = 'Josh';
    return greeting + ' ' + firstName;
}

console.log(greetSomeone()); 
// greeting은 바깥에 정의돼 있어서 함수 안에서 사용할 수 있다. 따라서 'Hello Josh' 문자열 출력
console.log(firstName); 
// firstName은 함수 안쪽에 정의돼 있어 함수 밖에서 접근 불가능, 따라서 ReferenceError

바깥쪽 스코프에서 선언한 변수는 안쪽 스코프에서 사용이 가능하다.
하지만, 안쪽에서 선언한 변수는 바깥쪽 스코프에서 사용할 수 없다.


<< 스코프는 중첩이 가능하다 >>
전역 스코프: 가장 바깥쪽에 있는 스코프 // 전역 스코프에서 선언한 변수는 전역 변수
지역 스코프: 전역이 아닌 다른 스코프는 모두 지역 스코프! // 지역 스코프에서 선언한 변수는 지역 변수


+ 지역 변수는 전역 변수보다 더 높은 우선순위를 가진다.

let name = '신짱구';  // 전역 스코프, 전역 변수

function showName() {	// 지역 스코프
	let name = '신짱아'; // 지역 변수
    console.log(name);
}

console.log(name);	'신짱구' 출력
showName(); '신짱아' 출력
console.log(name); '신짱구' 출력

Scope의 종류

1. block scope: 중괄호로 둘러싼 범위, 화살표 함수로 둘러싼 범위(화살표 함수)
2. function scope: 함수로 둘러싼 범위

var: 블록 스코프를 위시하고 함수 스코프만 따른다. 모든 블록 스코프를 무시하는 게 아니며, 화살표 함수의 블록 스코프는 무시하지 않는다. / 재할당 가능, 재선언 가능
let: 재선언을 방지, 값 재할당 가능
const: 변하지 않는 값, 상수를 정의할 때 이용, 재할당과 재선언 불가능