Typescript : 기초부터 실전형 프로젝트까지 with React + NodeJS / 3. 차세대 자바스크립트와 TypeScript

let과 const

• const : 상수를 정의하며, 즉 변경할 수 없다
• let : var처럼 변수를 정의한다.
  => var은 더이상 사용하는게 좋지 않다

let과 var은 유효 범위가 다르다

• var : 전역 유효 범위와 함수 유효 범위만 지닌다. if문 등 함수가 아닌 다른 블록에서 선언하면 전역변수가 된다.
• let : 블록 범위내에서 선언된 변수는 블록 안에서만 유효하다

화살표 함수

• function 키워드 입력할 필요 x
• 중괄호 없이 바로 식을 쓰면 해당 식의 결과가 return된다 => 간결!

const add = (param) =>{
    //구현부
}

스프레드연산자

const hobbies = ['Sports', 'Cooking'];
const activeHobbies = ['Hiking'];

activeHobbies.push(...hobbies);
console.log(activeHobbies);

• activeHobbies에 그냥 hobbies배열을 push하면 중첩배열이 돼서 하나씩 요소들을 넣어줘야하는데 이때 스프레드 연산자를 사용한다.
• 배열의 요소를 추출하는 데 유용하다
• 객체에도 가능하다

나머지 매개변수

• 인수를 무한정으로 받아들이기 위한 유용한 기능

const add = (...numbers: number[]) => {
  return numbers.reduce((acc, cur) => acc + cur, 0);
};

const addedNumbers: number = add(5, 10, 2, 3, 7);
console.log(addedNumbers);

• 인수가 몇개 들어오던지 하나의 배열로 묶어서 받아들일 수 있다.

배열 및 객체 비구조화 할당

// const hobby1 = hobbies[0];
// const hobby2 = hobbies[1];

const [hobby1, hobby2 , ...remainingHobbies] = hobbies;

• 객체처럼 중괄호로 추출하는 경우에는 키로 값을 가져오기 때문에 이름이 같아야한다