이 문서는 Google Cloud Translation API를 사용해 자동 번역되었습니다.
어떤 문서는 원문을 읽는게 나을 수도 있습니다.
TypeScript의 Nullish 병합: Nullish 병합 연산자를 사용하는 방법
TypeScript는 JavaScript에 유형 주석을 추가하여 보다 안정적이고 유지 관리하기 쉬운 강력한 언어입니다. TypeScript 3.7에 도입된 기능 중 하나는 기본값을 사용하기 전에 값이 null인지 정의되지 않았는지 확인하기 위한 약칭인 null 병합 연산자입니다. 이 게시물에서는 TypeScript에서 null 병합 연산자를 사용하는 방법과 더 강력한 코드를 작성하는 데 도움이 되는 방법을 살펴보겠습니다.
null 병합 연산자(??)는 변수가 null이거나 정의되지 않은 경우 변수의 기본값을 정의할 수 있는 TypeScript의 새로운 연산자입니다. 예를 들면 다음과 같습니다.
const foo = null ?? 'default'; // foo === 'default'
const bar = undefined ?? 'default'; // bar === 'default'
const baz = 'value' ?? 'default'; // baz === 'value'
이 예에서 null 병합 연산자는 변수 값이 null인지 정의되지 않았는지 확인합니다. 그렇다면 기본값 'default'를 반환합니다. 변수 값이 null이 아니거나 정의되지 않은 경우 변수 자체의 값을 반환합니다.
null 병합 연산자는 null 또는 정의되지 않은 값만 확인하고 0 또는 ''와 같은 거짓 값은 확인하지 않습니다. 잘못된 값도 확인하려면 논리적 OR 연산자(||)를 대신 사용할 수 있습니다.
null 병합 연산자는 기본값을 사용하기 전에 값이 null인지 또는 정의되지 않았는지 확인하기 위한 편리한 줄임말입니다. 이는 특히 선택적 매개변수 또는 기본값을 처리할 때 더 간결하고 읽기 쉬운 코드를 작성하는 데 도움이 될 수 있습니다.
다음 예를 고려하십시오.
function printMessage(message?: string) {
console.log(message || 'Hello, world!');
}
이 예제에서 printMessage 함수는 'Hello, world!'로 기본 설정되는 선택적 매개 변수 message를 사용합니다. 제공되지 않는 경우. 그러나 여기에 사용된 논리 OR 연산자(||)는 메시지가 잘못된 경우에도 기본값을 반환하며 이는 우리가 원하는 것이 아닙니다. 이 문제를 해결하기 위해 null 병합 연산자를 대신 사용할 수 있습니다.
function printMessage(message?: string) {
console.log(message ?? 'Hello, world!');
}
이제 printMessage 함수는 메시지가 null이거나 정의되지 않은 경우에만 기본값을 사용합니다. 이는 우리가 예상하는 동작입니다.
null 병합 연산자는 더 간결하고 읽기 쉬운 코드를 작성하는 데 도움이 되는 TypeScript에 유용한 추가 기능입니다. null 병합 연산자를 사용하면 잘못된 값에 대한 걱정 없이 변수 및 매개변수의 기본값을 정의할 수 있습니다. TypeScript 프로젝트에서 null 병합 연산자를 아직 사용하고 있지 않다면 사용해 보고 어떻게 코드를 단순화할 수 있는지 확인하십시오.