옵셔널 체이닝과 null 병합 연산자 (optional chaining, nullish coalescing operator)

옵셔널 체이닝 연산자 (optional chaining)

옵셔널 체이닝 연산자는 (?.) 좌항의 피연산자가 Nullish(null 또는 undefined)인 경우 undefined를 반환하고, 그렇지 않으면 우항의 프로퍼티 참조를 이어나간다.

var elem = null;

// elem이 null 또는 undefined이면 undefined를 반환하고, 그렇지 않으면 우항의 프로퍼티 참조를 이어나간다.
var value = elem?.value;
console.log(value); // undefined

옵셔널 체이닝 연산자가 도입되기 이전에는 논리연산자 &&를 사용한 단축 평가를 통해 변수가 Nullish인지 확인했다.

 

null 병합 연산자 (Nullish coalescing operatior)

null 병합 연산자는 (??) 좌항의 피연산자가 Nullish인 경우 우항의 피연산자를 반환하고, 그렇지 않으면 좌항의 피연산자를 반환한다. 변수에 기본값을 설정할 때 유용하다.

// 좌항의 피연산자가 null 또는 undefined이면 우항의 피연산자 반환
// 그렇지 않으면 좌항 피연산자 반환
var foo = null ?? 'default string';
console.log(foo); // "default string"