타입스크립트 Section 4 : 차세대 자바스크립트와 TypeScript

es6 문법

let과 const
새로운 값이 할당 될 수 없는 const 변수와 변경 가능한 let변수는 var변수와 유효범위가 다르다. 또한 var변수는 재선언이 가능하므로 프로젝트를 진행하면서 오류를 발생할 수 있을 확률이 높다.
또한 let 변수는 범위내에 선언될 경우 범위에서만 유효하며 범위 밖에 선언하면 전역적으로 유효하게 되어 var변수와 차이점을 보인다.

화살표 함수
자바스크립트에서 사용하던 화살표함수를 그대로 사용하되 타입을 설정해주지 않으면 에러가 발생하므로 유의.
만약 인수가 2개 필요해도 기본값을 지정해주면 인수 하나만 입력해도 사용 가능하다.

const add = (a: number, b: number = 5) => a + b;
add(5);
하지만 기본값을 설정하는 인수는 항상 뒤쪽으로 배치해야한다.

스프레드 연산자
자바스크립트에서 사용하듯 배열이나 객체를 ...으로 불러와줄 수 있다.

배열 및 객체 비구조화 할당
자바스크립트 ES6에서 사용하던 구조분해할당

const person = {
name: 'abc',
age: 30,
};
const { age, name } = person;
console.log(age); // 30
console.log(name); //'abc'
es6문법을 활용하고 싶다면 target을 꼭 es6로 설정하여 유용하게 사용할 수 있도록 하자.