자바스크립트 기본 1.12 nullish 병합 연산자 '??'

♠ 자바스크립트 기본

1.12 nullish 병합 연산자 '??'

  • nullish 병합 연산자 ??를 사용하면 피연산자 중 ‘값이 할당된’ 변수를 빠르게 찾을 수 있습니다.

    ??는 변수에 기본값을 할당하는 용도로 사용할 수 있습니다.

    // height가 null이나 undefined인 경우, 100을 할당 height = height ?? 100;
  • ??의 연산자 우선순위는 대다수의 연산자보다 낮고 ?와 = 보다는 높습니다.

  • 괄호 없이 ??를 ||나 &&와 함께 사용하는 것은 금지되어있습니다.

eddy’s point

a ?? b의 평가 결과는 다음과 같습니다.

  • a가 null도 아니고 undefined도 아니면 a
  • 그 외의 경우는 b

nullish 병합 연산자 ??없이 x = a ?? b와 동일한 동작을 하는 코드를 작성하면 다음과 같습니다.

x = (a !== null && a !== undefined) ? a : b;
JP
이중표Frontend Engineer

3년차 프론트엔드 개발자. Next.js, React, TypeScript 기반 웹 애플리케이션 개발 전문. 대규모 트래픽 환경에서 SSR·ISR 렌더링 전략 설계 경험.

이력서 보기