자바스크립트의 새로운 기능들
프론트엔드
자바스크립트의 새로운 기능들
두줄요약
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로 전체 매치·캡처 그룹의 시작과 끝 위치 추출

