javascript의 단축 평가

javascript modern deepdive의 9장 내용입니다.
4개월전에 공부했던 내용인데 복습할겸 정리해봤습니다.

단축 평가

논리 연산 결과를 결정하는 피연산자를 타입 변환 없이 그대로 반환하는 것을 뜻합니다.
평가 도중에 결과가 확정된 경우 나머지 평가 과정을 생략합니다.

논리곱 (&&)

"hello" && "hi"   //hi

논리곱은 피연산자 모두 true일 경우 true를 반환하는데
hello는 true이고 hi가 논리 연산의 결과를 결정하기 때문에 hi를 반환하게 됩니다.

논리합 (||)

"hello" && "hi"   //hello

논리합은 피연산자중 하나만이라도 true인 경우 true를 반환하는데
hello가 true이고 hello가 논리 연산의 결과를 결정하기 때문에 hello를 반환하게 됩니다.

단축평가의 장점

• if문 대체
• 단축평가 사용시 객체가 null or undefined 경우에 에러를 발생시키지 않음

ES11 이후 대체

0이나 ""도 false로 평가되어서 단축 평가를 사용할때에는 예기치 않은 문제도 있었으나
아래의 두가지 연산자는 null or undefined만 검사하여 단축 평가보다 사용하기 편하다.

옵셔널 체이닝 연산자

const el = {};
console.log(el?.value);  //undefined

null 병합 연산자

const value = null ?? "default string";
console.log(value);   //default string