23/10/27 TIL _ nullish 병합 연산자 " ?? "

 

 

 

🚓   nullish 병합 연산자      "??"

 

• 값이 정의되어 있는 것을 반환한다. 
• ??  연산자 앞에 오는 값이 null, undefined 모두 아닐 경우 앞에 오는 값을  , 그게 아니라면 뒤에오는 값을 리턴한다.

//nullish 병합연산자 사용한 코드
x = a ?? b;

//nullish 병합연산자 안쓴 코드
x = (a !== null && a !== undefined) ? a : b;

 

 

 

• OR연산자 (" ||") 와 비슷하지만,  "||" 는 첫번째 truthy한 값을 반환하고, "??" 는 첫번째 정의된 값을 반환한다.
• 따라서 값이 0일 경우 완전히 다르게 작동한다. 

let height = 0;

alert(height || 4824); // 4824
alert(height ?? 4824); // 0

 

 

또한😲

• 우선순위가 5이기 때문에 "= " 과 " ?" 에서는 먼저 사용되지만, 대부분 연산자 보다는 나중에 사용된다. 
• 복잡한 표현식 안에서 "??"를 사용하게 되면, 괄호를 추가해서 사용하는것이 안정적이다. 
• 자바스크립트 언어에서 안정성 관련 이슈 때문에 "??"는   "||" , "&&"와 함께 사용하지 못한다. _ 괄호 사용하면 가능하다.
• 추가된 지 얼마 안 된 문법이며, 오래된 브라우저 에서는 폴리필이 필요하다. 

 

 

 

 

출처

https://ko.javascript.info/nullish-coalescing-operator

nullish 병합 연산자 '??'