JavaScript의 중첩 개체에서 '정의되지 않은 속성을 읽을 수 없음' 오류를 방지하려면 어떻게 해야 합니까?

중첩 객체에서 "정의되지 않은 속성을 읽을 수 없음" 오류 방지

JavaScript에서 중첩 객체를 처리할 때 " 정의되지 않은 오류의 속성을 읽을 수 없습니다. 이는 존재하지 않는 개체의 속성에 액세스하려고 할 때 발생합니다. 이러한 오류를 방지하려면 고려해야 할 몇 가지 접근 방식이 있습니다.

한 가지 옵션은 선택적 연결 연산자(ECMAScript 2020에 도입됨)를 사용하는 것입니다. 이 연산자를 사용하면 오류 발생 없이 중첩된 속성에 액세스할 수 있습니다. 예:

obj?.a?.lot?.of?.properties;

또는 이전 버전의 JavaScript 또는 TypeScript의 경우 ES6 화살표 함수와 함께 try/catch 도우미 함수를 활용할 수 있습니다.

function getSafe(fn, defaultVal) {
  try {
    return fn();
  } catch (e) {
    return defaultVal;
  }
}

console.log(getSafe(() => obj.a.lot.of.properties));

이 함수는 요청된 속성은 액세스를 시도하기 전에 존재하므로 오류가 발생하지 않습니다. 또한 속성이 정의되지 않은 경우 반환할 기본값을 제공할 수 있습니다.

이러한 방법을 사용하면 "정의되지 않은 속성을 읽을 수 없습니다" 오류가 발생하지 않고 중첩된 개체를 원활하게 처리할 수 있으므로 코드가 그대로 유지됩니다. 안정적이고 버그가 없습니다.

위 내용은 JavaScript의 중첩 개체에서 '정의되지 않은 속성을 읽을 수 없음' 오류를 방지하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!