[Javascript] Nullish coalescing 유의사항

Falcon·2021년 9월 13일
1

javascript

목록 보기
10/28
post-thumbnail

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

profile
I'm still hungry

2개의 댓글

comment-user-thumbnail
2021년 9월 16일

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
연산자 우선순위를 확인하면 더 이해하시기 좋을것 같아 공유드립니다~

1개의 답글