본문 바로가기

HTML/JS/CSS

Nullish coalescing operator (널 병합 연산자 ??)

- 널병합연산자 (Nullish coalescing operator) - ??

// ?? 의 왼쪽 값이 Null, Undefined 일 때 ?? 오른쪽 값 대입
function printMessage(text){
    const message = text ?? 'Nothing to Display';
    console.log(message);
}

비슷하지만 다른 Logical OR - ||

// Logical OR 왼쪽 값이 falsy 한 값 일 때 Logical OR 오른쪽 값 대입
// Falsy : https://developer.mozilla.org/ko/docs/Glossary/Falsy
function printMessage3(text){
    const message = text || 'Nothing to Display';
    console.log(message);
}

초기값 대입

// Undefined 일 때만 초기값 대입
function printMessage2(text = 'Nothing to Display'){
    const message = text;
    console.log(message);
}

- 특정변수 이외에 function 대입할 수 있음.

 

- 참고

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator

 

- 참고 falsy 한 값들

https://developer.mozilla.org/ko/docs/Glossary/Falsy