🦎[딥다이브 스터디] 4장 & 15장. 변수, 블록레벨 스코프

1. 식별자가 무엇인지 설명해보시오.

변수의 이름을 의미한다. 메모리공간에 저장된 값을 다시읽어 재사용 할 수 있도록, 저장된 메모리 공간에 상징적인 이름을 붙인 것이다. 식별자는 값이 아니라 메모리의 주소를 기억한다. 즉 메모리 주소에 붙인 이름을 식별자라고 한다.

2. 변수 호이스팅에 대해서 설명해보시오.

소스코드가 한 줄 한 줄 순차적으로 실행되는 시점을 '런타임' 이라고 한다. 자바스크립트엔진은 런타임 이전인 소스코드의 평가 과정에서 변수 선언을 포함한 모든 선언문 (변수 선언문 : let, var, const, 함수 선언문: function , class 키워드) 등을 소스코드에서 찾아내 먼저 실행한다.

3. 아래 코드에서 예상되는 출력 값을 말하고 이유를 설명해보시오.

console.log(score); //Q1. ?? 
//undefined 가 출력된다. 변수 선언부가 호이스팅 되지만 할당은 런타임에서 이뤄지기 때문이다. 

score = 80;
var score;

console.log(score); //Q2. ?? 할당까지 끝나서.. 80? 

1. 아래의 코드를 실행할 때 출력되는 값과 발생할 수 있는 문제점에 대해서 설명하고 부작용을 개선시키는 방향으로 코드를 수정해보시오.

var x = 1;

if (true) {
  var x = 10;
}

console.log(x); //Q1. 출력되는 값은? 10
// var 는 오로지 함수의 코드블록만을 지역 스코프로 인정한다.
// if 는 함수가아니기 때문에, 블록내에서 변수를 선언해도 모두 전역변수가 된다.

var i = 100;

for (var i = 0; i < 5; i++) {
  console.log(i); //Q2. 출력되는 값은? 01234
}

console.log(i); //Q3. 출력되는 값은?  5 

//Q4. 발생할 수 있는 문제점은?
//전역에서 100으로 값을 할당했음에도 불구하고, for 문안에서 중복선언이 발생하여 
// 의도치않게 i 변수의 값 마저 변경되고 말았다.!

//Q5. 수정된 코드

function foo(){
	let i =100;
	for (let i = 0; i <5; i++){
		console.log(i) // 0,1,2,3,4
	}
	console.log(i) // 이때 100이 출력된다. 
}

2. let 키워드로 선언한 변수는 변수 호이스팅이 발생하지 않는 것처럼 동작한다. 아래의 코드를 실행했을 때 출력되는 값을 설명하고 이러한 let 키워드의 특성이 무엇인지에 대해서 설명해보시오.

console.log(foo); //Q1. 출력되는 값은? ref err

let foo;
console.log(foo); //Q2. 출력되는 값은? undefined
//undefined 아직 선언만 되었기 때문에 

foo = 1;
console.log(foo); //Q3. 출력되는 값은? 1
//1 할당도 마쳤기 때문에. 

//Q4. 변수의 호이스팅이 발생하지 않는 것처럼 동작하는 let 키워드의 특성은?
//let 은 선언단계와 초기화단계가 분리되어, 런타임때 변수선언문에 도달해야 초기화가 이뤄지기때문에
//호이스팅이 되지 않는것처럼 보여지기도 한다. TDZ라고 한다. 하지만 실제로는 호이스팅이 일어나며, 
//초기화시점까지 일시적인 사각지대에 놓이는 것이다. 

3. 그렇다면 let 키워드는 실제로 호이스팅이 발생하지 않는 것일까? 아래의 코드를 실행했을 때 값을 사용하여 설명해보시오.

let foo = 1;

{
  console.log(foo); //Q1. 출력되는 값은? // ref err
  let foo = 2;
}

//Q2. let 키워드는 호이스팅이 발생하지 않는 것일까?
// 아니다. 변수 호이스팅이 발생하지 않는다면. 전역변수 foo를 출력해야하는데. 여전히 호이스팅이 발생하여 err가 난다. 

4. 출력값을 구하고 그 이유는?

const person = {
	name:'lee'
}

person.name = 'kim';
console.log(person) // { name: 'kim' };

//const 변수는 값의 재선언 재할당이 금지된다. 여기서 금지는 권고의 의미로 강제의 의미는 아니다.
//즉 재할당을 금지할 뿐 "불변"을 보장하지는 않는다는 말이다.
//primitive type의 값을 할당했을 경우, 불변성이 보장된다.
//reference type의 값이 할당된 경우, 객체는 재할당 없이도 직접 변경이 가능하기 때문이다.
//person 값 자체를 재할당하는 것은 불가능하다.