목록 보기
자바스크립트의 새로운 기능들
프론트엔드

자바스크립트의 새로운 기능들

두줄요약

ES2022의 비동기 모듈 처리, 배열·객체 API, 에러 원인, 정규식, 클래스 필드 기능을 정리했습니다.\n추가 제안된 findLast 계열과 브라우저 지원 시 유의점을 함께 소개합니다.

구조와 흐름

  • ES2022의 모듈 비동기 처리, 배열·객체 접근, 에러 원인 추적, 정규식 인덱스, 클래스 필드 기능 소개
  • TC39 stage 4 제안의 findLast, findLastIndex를 통한 뒤쪽 조건 검색 방식 소개

선택 이유

  • Top-level await로 의존 모듈의 비동기 초기화 완료 후 import 모듈 실행 보장
  • Object.hasOwn으로 프로퍼티 오버라이딩·프로토타입 부재 상황의 안전한 고유 속성 검사
  • Error Cause로 상위 예외에 하위 예외 원인 보존

주의할 점

  • Top-level await 사용 모듈 import 시 비동기 처리 완료까지 의존 모듈 실행 대기
  • Private field는 클래스 몸체에서 선언 필요, 외부 직접 접근 불가
  • 일부 기능의 브라우저 지원 여부 확인 필요

적용해볼 점

  • 배열 마지막 요소 접근에 at(-1), 뒤에서 조건 검색에 findLast·findLastIndex 활용
  • 정규식 d 플래그와 indices로 전체 매치·캡처 그룹의 시작과 끝 위치 추출

다음 읽기

#JavaScript 주제를 이어서 읽기

자바스크립트의 새로운 기능들

ES2022의 모듈, 배열, 객체, 에러, 정규표현식, 클래스 관련 기능을 예제로 정리했습니다.\nTop-level await와 private 필드, findLast 계열의 활용 방식과 주의점을 소개합니다.

카카오엔터테인먼트FE
카카오엔터테인먼트FE
프론트엔드

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...