null 병합 연산자 (nullish coalescing)

ES11(ECMAScript2020)에서 도입된 null 병합 연산자 ??는 좌항의 피연산자가 null 또는 undefiend 일 경우 우항의 피연산자를 반환하고 그렇지 않으면 좌항의 피연산자를 반환한다. null 병합 연산자는 변수의 기본값을 설정할 때 유용하다.

<script>
var foo = null ?? 'default string';
console.log(foo); // 'default string'
</script>

null 병합 연산자 ??는 변수에 기본값을 설정할 때 유용하다. null 병합 연산자??가 도입되기 전에는 논리합 연산자 ||를 사용한 단축 평가를 통해 변수에 기본값을 설정했다.

논리합 연산자 ||를 사용한 단축 평가의 경우 좌항의 피연산자가 false로 평가되는 Falsy값(false, null, undefined, 0, -0, NaN, '')이면 우항의 피연산자를 반환한다. 하지만 Falsy값인 0이나 ''도 기본값으로서 유효하다면 예기치 않은 동작이 발생할 수 있다.

<script>
var foo = '' || 'defalult string';
console.log(foo); // 'default string'
</script>

하지만 null 병합 연산자 ??는 좌항의 피연산자가 false로 평가되는 Falsy값(false, null, undefined, 0, -0, NaN, '')이라도 null 또는 undefiend가 아니면 좌항의 피연산자를 그대로 반환한다.

<script>
var foo = '' ?? 'default string';
console.log(foo); // ''
</script>