프론트엔드
자바스크립트의 새로운 기능들
두줄요약
ES2022의 모듈, 배열, 객체, 에러, 정규표현식, 클래스 관련 기능을 예제로 정리했습니다.\nTop-level await와 private 필드, findLast 계열의 활용 방식과 주의점을 소개합니다.
구조와 흐름
- ES2022의 모듈·배열·객체·에러·정규표현식·클래스 관련 신규 기능 소개
- 2023년 정식 추가 가능성이 언급된
findLast,findLastIndex제안 포함
선택 이유
- Top-level await로 import 모듈의 비동기 초기화 완료 시점 보장
at()으로 음수 인덱스 기반 배열 후방 접근 간소화Object.hasOwn()으로hasOwnProperty오버라이딩·상속 부재 문제 회피- Error Cause와 RegExp
d플래그로 에러 원인 및 매칭 인덱스 정보 보강
주의할 점
- Top-level await 사용 모듈 import 시 비동기 처리 완료까지 의존 모듈 실행 대기
- private 필드는 클래스 내부 선언 및 내부 접근 제약
- 일부 기능의 브라우저 지원 여부 확인 필요
적용해볼 점
- 클래스 필드, private 필드·메서드·접근자, private 필드 존재 검사 활용
- 마지막 조건 일치 요소 탐색에
findLast,findLastIndex검토
