[TIL] 2023-01-25

본격적인 기본서의 핵심인 리액트 (with 타입스크립트) 내용을 들어가기 전에 es6 문법을 정리하는 파트를 공부함.

• es6 변수 타입, 자바스크립트 변수 범위 규칙 (var vs let, const)

• 화살표 함수

  • 함수 작성 문법이 간결하게 된다.
  • 상위 범위의 this 객체가 자동으로 화살표 함수의 this가 된다.
  • 화살표 함수에는 고유한 arguments가 없다. 하지만 상위 함수의 arguments에 접근할 수 있다.
  • 자바스크립트에서 화살표 함수가 아닌 모든 함수는 arguments 컬렉션 (함수로 전달되는 파라미터 컬렉션) 에 접근할 수 있다.

• this 컨텍스트 변경하기

  • 자바스크립트에서 함수는 // 해당 함수를 호출하는 곳을 나타내는 this// 라는 내부 객체 접근한다.
  • 함수 호출 방식에 따라 this의 값이 바뀐다.
  • bind 키워드를 사용해 this 컨텍스트를 변경하면 나중에 해당 함수가 호출되는 시점에 변경된 this 객체를 갖게된다.
  • call, apply 키워드는 함수가 호출되는 시점에 사용되고, 호출 시 this 컨텍스트가 즉시 변경된다.
  • call 키워드 - 파라미터 개수가 정해지지 않음
  • apply 키워드 - 파라미터 배열을 사용
  • call의 파라미터 목록의 순서는 호출되는 함수의 파라미터 목록의 순서를 따른다.

• 스프레드(연산자), Object.assign, Array.concat, 구조분해, 레스트(rest)

• 새로운 배열 함수 - find, filter, map, reduce, some, every

• 예전에 프로그래머스에서 코딩테스트 연습 문제를 풀 때, 처음 접했던 컬렉션도 다시 보게되었다. 바로 Set, Map 인데, 프로젝트를 하면서 사용할 지는 모르겠다.

• 매번 볼때 마다 이해했다고 생각하지만 늘 새로운 비동기에 대한 내용, 추가된 acync await - 프로미스와 비동기 코드를 간결하게 만들어줌