사용시기 ?? 그리고 || 자바스크립트와 타입스크립트에서

이 짧은 게시물에서는 JavaScript 및 TypeScript 코드에서 값을 확인할 때 ?? 및 ||를 사용하는 경우를 기억하는 간단한 방법을 공유하고자 합니다.

참고: Medium에서도 이 게시물을 읽을 수 있습니다.

사용시기 ?? 값을 확인할 때?

??는 오른쪽을 반환하기 전에 왼쪽을 비워야 하는 or 연산자입니다.

물음표?는 "가치가 존재하는가?"라고 자문하는 것과 같습니다.

var ?? varMustBeEmptyToReturnThisVar

예

일부 속성이 선택 사항인 객체를 얻었다고 가정합니다.

const obj0 = { required: 0 };
const { optional } = obj0;
console.log(optional ?? 'no optional property exists');
// returns 'no optional property exists'

속성이 falsy 값을 반환할 때 주의하십시오.

const obj1 = { required: '' };
const { required } = obj1;
console.log(required ?? 'no required property exists');
// returns ''

언제 사용 || 값을 확인할 때?

||는 오른쪽을 반환하기 전에 왼쪽이 falsy이어야 하는 or 연산자입니다.

세로 막대|는 truthy 값만 왼쪽에 머물 수 있도록 장벽을 치는 것과 같습니다.

var || varMustBeFalsyToReturnThisVar

예시

일부 속성이 거짓인 개체를 얻었다고 가정합니다.

const obj2 = { required: '' };
const { required } = obj2;
console.log(required || 'required property is falsy');
// returns 'required property is falsy'

결론

나는 때때로 ??와 ||를 오용하고 이 알림을 나 자신에게 써야 한다고 생각했습니다. 그것이 당신에게도 도움이 되기를 바랍니다.

가기 전에

이것들은 당신이 즐길 수 있는 다른 기사들입니다.

Stop Installing Node.js and Global Npm Packages, Use Docker Instead

Five scary Linux commands you should not run

How to Remove Sensitive Data and Plaintext Secrets From GitHub

How to use CryptoJS and Cookies to Work with Secrets in Postman


사진 제공: Towfiqu barbhuiya on Unsplash