15장 let,const 키워드와 블록 레벨 스코프

15.1 var 키워드로 선언한 변수의 문제점 
-변수 중복 선언 허용 
var 키워드로 선언한 변수는 중복 선언이 가능하다. 
초기화문이 없는 변수 선언문은 무시된다.  에러는 발생하지 않는다.

var x = 1
var y = 1;

var x = 100;
var y;//초기화문이 없는 변수 선언문은 무시된다. 

console.log(x);//100
console.log(y);//1

 -함수 레벨 스코프 
var 키워드로 선언한 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정한다.  

그래서 if문이나 for문에서 선언한 변수는 전역 변수가 된다. 

- 변수 호이스팅
var 키워드로 변수를 선언하면 변수 선언문이 스코프의 선두로 
끌어 올려진 것처럼 동작한다. 그래서 선언문 이전에 참조하면 undefined를 반환한다. 

15.2 let 키워드 
-변수 중복 선언 금지 
let으로 변수를 중복 선언하면 문법 에러가 발생한다. 

let a = 100;
let a = 200;//SyntaxError: Identifier 'a' has already been declared.

-블록 레벨 스코프
let으로 선언한 변수는 모든 코드 블록을 지역 스코프로 인정한다. 

let foo = 1;
{
  let foor = 2;
  let bar = 3;
}
console.log(foo); //1
console.log(bar);

전역에서 선언된 foo와 코드 블록 내의 foo는 다른 별개의 변수다.
함수 내의 코드 블록은 함수 레벨 스코프에 중첩된다. 

- 변수 호이스팅 
let 키워드로 선언한 변수는 호이스팅이 발생하지 않는 것처럼 동작한다. 

console.log(foo);//ReferenceError: foo is not defined
let foo;

let 키워드로 선언한 변수는 선언과 초기화가 분리되어 진행된다. 
런타임 이전에 선언단계가 실행되지만 초기화는 변수 선언문에 도달했을 때 실행된다. 

console.log(foo);//ReferenceError: foo is not defined
let foo;
console.log(foo)//undefined

스코프의 시작 지점부터 초기화 단계 시작 지점까지 변수를 참조할 수 없다. 
이 구간을 일시적 사각지대 (TDZ)라고 부른다. 

15.3 const 키워드 

const 키워드는 상수를 선언하기 위해 사용한다.

 

- 선언과 초기화
const 키워드로 선언한 변수는 블록 레벨 스코프를 가지며, 변수 호이스팅이 발생하지 않는 것처럼 동작한다. 
 
-재할당 금지 

const로 선언한 변수는 재할당이 금지된다. 

const foo = 1;
foo = 2;//TypeError: Assignment to constant variable.

 

- const 키워드와 객체 

const 키워드로 선언된 변수에 객체를 할당한 경우 값을 변경할 수 있다. 

변경 불가능한 원시 값은 재할당 없이 변경할 수 없지만 객체는 재할당 없이도 직접 변경이 가능하기 때문이다. 

const person = {
  name : 'Lee'
};

person.name = 'Kim';

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

 

 

일단 const 키워드를 사용하자!