ch13-해설.md

Chapter13 스코프

📌문제1

다음 코드가 멈추는 지 안 멈추는 지를 결정하고, 그에 대한 이유를 작성하시오.

var a = 10;

function func1() {
  if (a === 30) return;
  console.log(a);
  var a = 20;
  func2();
}

var func2 = function() {
  console.log(a);
  a = a + 10;
  func1();
}
func1();

정답 및 해설

멈추지 않는다.
왜냐하면 멈추는 코드(func1함수의 조건문)에서 a값은 항상 undefined이기 때문이다.
따라서 func1함수에서 출력은 undefined이고, func2함수에서 출력은 10, 20, 30, .. 이다.

📌문제2

동일한 스코프내에서 var vs let ,const로 선언한 변수의 차이점을 작성하세요.

답안 작성

//var키워드로 선언한 변수는 중복 선언을 허용한다.
var x = 2;
var x = 3; // 자바스크립트 엔진에의해 x = 3과 동일하게 동작한다.

//let,const키워드로 선언한 변수는 중복선언을 허용하지 않는다.
let x = 1;
let x = 3; // SyntaxError: Identifier 'x' has already been declared

📌문제3

다음 코드의 결과를 쓰시오

var x = 1;
function foo(){
	var y = 10;
	bar();
}

function bar(){
	console.log(x);
  console.log(y);
}

foo();

정답 및 해설

1
ReferenceError: y is not defined
자바스크립트는 정적 스코프 / 렉시컬 스코프 를 따르기 때문에 함수는 호출이 아닌 선언에 따라 
함수의 스코프를 결정한다. foo 함수는 전역에 선언되었기 때문에 전역 스코프를 상위 스코프로 가진다.
전역 스코프에 y가 선언되어있지 않기 때문에 error가 발생한다.