자바스크립트 Nullish Coalescing의 동작 원리

29 Sep 2023

javascript

자바스크립트에서 Nullish Coalescing은 값이 null 또는 undefined인 경우에 대체 값을 반환하는 연산자입니다. 이 연산자는 논리 OR 연산자(

)와 유사한 동작을 합니다. 하지만 Nullish Coalescing은 null 또는 undefined일 경우에만 대체 값을 반환하므로, 다른 값들은 그대로 반환됩니다.

Nullish Coalescing 연산자는 다음과 같은 문법을 가지고 있습니다:

const result = a ?? b;

위의 코드에서 a 값이 null 또는 undefined이면 b 값을 반환하고, 그렇지 않으면 a 값을 반환합니다. 이때 b는 대체할 값으로 사용됩니다.

Nullish Coalescing 연산자는 다음과 같은 동작 원리를 가지고 있습니다:

a 값이 null 또는 undefined이면, b 값을 반환합니다.
a 값이 null 또는 undefined가 아니면, a 값을 반환합니다.

아래 예시를 통해 Nullish Coalescing 연산자의 동작을 이해해보겠습니다:

const foo = null ?? 'default'; // 'default'
const bar = undefined ?? 'default'; // 'default'
const baz = 0 ?? 'default'; // 0
const qux = false ?? 'default'; // false
const quux = '' ?? 'default'; // ''

위의 예시에서 foo와 bar는 null 또는 undefined이므로 ‘default’를 반환합니다. 그러나 baz, qux, quux는 0, false, ‘‘와 같이 falsy한 값들이지만, Nullish Coalescing은 null 또는 undefined만 대체값으로 취급하므로 해당 값을 그대로 반환합니다.

자바스크립트 Nullish Coalescing은 값이 null 또는 undefined일 때 대체값을 설정하고 싶을 때 편리한 연산자입니다. 타입 체크나 기본값 설정에 유용하게 사용할 수 있습니다.

#JavaScript #NullishCoalescing