[Javascript] Nullish coalescing 유의사항

What's nullish coalescing?

Nullish coalescing operator is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand.

- MDN Document -

연산자 ?? 는 null || undefined 이면 오른쪽, 아니면 왼쪽 값을 사용하는 연산자다.

const foo = null ?? 'default string';
console.log(foo);
// expected output: "default string"

연산 우선순위에 따른 계산식 순서

나쁜 예 ❌

const ngo = 'ngo';
const abcd = 'abcd';

const judgementPeriod = ngo ?? "" + abcd ?? "";
// output: ngo

좋은 예 ✅

const ngo = 'ngo';
const abcd = 'abcd';
const judgementPeriod = (ngo ?? "") + (abcd ?? "");
// output: ngoabcd

📝 결론

한 라인에서 2개 이상의 nullish coalescing operator 사용시
소괄호()로 묶자.

🔗 Reference

• Nullish coalescing operator docs