► Q1: greetSomeone() 과 firstName 실행 결과는?

let greeting = 'Hello';
function greetSomeone() {
	let firstName = 'Josh';
	return greeting + ' ' + firstName;
}
greetSomeone(); // hello Josh;
firstName; // firstName is not defined (ReferenceError)

► 변수 firstName에 접근할 수 있는 범위가 존재합니다.

• Local Scope 안쪽에서 선언된 변수는 밖에서 사용할 수 없습니다.

  let greeting = 'Hello'; //이 구간부터 Global Scope
  function greetSomeone() { // 이 구간부터 } 까지 local Scope
  	let firstName = 'Josh';
  	return greeting + ' ' + firstName;
  }
  

► Scope : 변수 접근 규칙에 따른 유효 범위

• 변수는 어떠한 환경 내에서만 사용 가능하며, 프로그래밍 언어는 각각의 변수 접근 규칙을 갖고 있습니다
• 변수와 그 값이, 어디서부터 어디까지 유효한지를 판단하는 범위
• JavaScript는 기본적으로, 함수가 선언되는(lexical) 동시에 자신만의 Scope를 가집니다.

► Rule 1 : Local Scope vs Global Scope

let greeting = 'Hello'; //이 구간부터 Global Scope
function greetSomeone() { // 이 구간부터 } 까지 local Scope
	let firstName = 'Josh';
	return greeting + ' ' + firstName;
}

• 안쪽 Scope에서 바깥 변수/함수를 접근하는 것은 가능
• 바깥쪽 Scope에서 안쪽/변수를 접근하는 것은 불가능
• Scope는 중첩이 가능합니다.
  • 함수 안에 함수를 넣을 수 있습니다.
• Global Scope는 최상단의 Scope로, 전역 변수는 어디서든 접근이 가능합니다.
• 지역 변수는 함수 내에서 전역 변수보다 더 높은 우선순위를 가집니다.

► 문제 1

let name = "Richard";

function showName() {
  let name = "Jack"; // 지역 변수
  // showName 함수 안에서만 접근 가능
  console.log(name); // ???
}

console.log(name); // ???
showName();
console.log(name); // ???

위 코드에서 순서대로 콘솔에 출력되는 결과는?

1. Richard / Jack / Jack

2. Richard / Jack / Richard

3. Jack / Richard / Richard

4. Jack / Jack / Jack

정답 ) 2번

► 문제 2

let name = "Richard";

function showName() {
  name = "Jack"; // 전역 변수
  // 선언(let)이 없기 때문에, 바깥 scope에 있는 name이라는 변수를 가져옵니다
  console.log(name); // ???
}

console.log(name); // ???
showName();
console.log(name); // ???

위 코드에서 순서대로 콘솔에 출력되는 결과는?

1번 Richard / Jack / Jack

2번 Richard / Jack / Richard

3번 Jack / Richard / Richard

4번 Jack / Jack / Jack

정답) 1번

► Rule 2 : Function Scope vs Block Scope

• Block : 중괄호로 시작하고, 끝나는 단위

► 문제 1

콘솔에 출력되는 결과는?

for (let i = 0; i < 5; i++) {
	console.log(i); // 다섯번 iteration
}
console.log(`final i: ${i}`);

정답 ) // Uncaught ReferenceError: i is not defined
      // Block 범위를 벗어난 즉시 변수를 사용할 수 없기 때문입니다.