Optional Chaining 및 Nullish Coalescing은 ES6에서 Null-Safe 속성 액세스 및 조건부 할당을 어떻게 향상합니까?

EcmaScript 6의 NULL 안전 속성 액세스 및 조건부 할당

null이거나 정의되지 않은 객체의 속성에 문제를 일으키지 않고 액세스하는 기능 오류를 null 안전 속성 액세스라고 합니다. 반면에 조건부 할당을 사용하면 특정 조건이 충족되는 경우에만 값을 할당할 수 있습니다.

EcmaScript 6에서는 여러 연산자가 null 안전 속성 액세스와 조건부 할당을 모두 지원합니다.

Optional Chaining(?.)

ES2020부터 도입, Optional Chaining을 허용 예외 없이 null이거나 정의되지 않은 개체의 속성에 액세스합니다. ?를 사용합니다. 오류를 발생시키는 대신 정의되지 않음을 반환하는 연산자:

const query = succeed => (succeed ? { value: 4 } : undefined);

let value = 3;
for (let x of [true, false]) {
  value = query(x)?.value;
}
console.log(value); // Output: 4

Nullish Coalescing Assignment(??=)

Nullish 병합 할당 연산자(??=) 현재 값이 null이거나 정의되지 않은 경우에만 변수에 값을 할당합니다. 할당 결과를 반환합니다.

let value = 3;
value ??= query(false)?.value;
console.log(value); // Output: 3

호환성

선택적 체이닝은 주요 최신 브라우저와 Node.js 버전에서 지원되며 null 병합 할당은 지원됩니다. 브라우저와 Node.js v14에서. 이전 환경의 경우 Babel 또는 폴리필 사용을 고려하세요.

대안

이러한 연산자 전에 해결 방법은 다음과 같습니다.

• 중첩된 if 문 사용 및 try/catch 블록
• 기본값 설정 advance
• 람다 함수를 사용한 함수적 접근 방식

결론

선택적 체이닝 및 nullish 병합 할당은 간결한 null-safe 속성 액세스를 위한 강력한 도구를 제공합니다. EcmaScript 6의 조건부 할당. 코드를 단순화하고 가독성을 높이며 오류 가능성을 줄입니다.

위 내용은 Optional Chaining 및 Nullish Coalescing은 ES6에서 Null-Safe 속성 액세스 및 조건부 할당을 어떻게 향상합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!