> 웹 프론트엔드 > JS 튜토리얼 > 안전 할당 연산자: try/catch의 대안

안전 할당 연산자: try/catch의 대안

Mary-Kate Olsen
풀어 주다: 2024-11-01 17:36:30
원래의
514명이 탐색했습니다.

주목

안전 할당 연산자가 아직 ECMAScript 표준에 포함되어 있지 않다는 점을 지적하고 싶습니다. 이 글에서는 ECMAScript 표준에 있는 안전 할당 연산자를 사용하는 방법을 살펴보겠습니다.


제 글이 마음에 드셨다면 커피 한잔 사주시면 됩니다 :)
Safe Assignment Operator : Alternative to try/catch


JavaScript로 개발할 때, 특히 비동기 함수나 복잡한 API로 작업할 때 오류 처리를 위해 try/catch를 사용합니다. ECMAScript에서 새로운 연산자를 발표했습니다. 안전 할당 연산자(?=)는 오류 처리를 단순화하고 특히 비동기 작업 중에 결과와 오류를 처리하기 위한 통일된 구조를 제공합니다.

안전 할당 연산자를 사용하면 기능이나 작업이 성공했는지 확인합니다. 성공하면 결과를 반환합니다. 실패하면 오류를 반환합니다.

이제 안전 할당 연산자(?=)를 사용하는 방법을 살펴보겠습니다.


이제 안전 할당 연산자의 API 요청 구문을 작성해 보겠습니다.

async function fetchData() {
  const [error, response] ?= await fetch("https://jsonplaceholder.typicode.com/todos/1"); // safe assigment op.

  if (error) {
    console.error("Fetch error:", error);
    return;
  }

  const [jsonError, jsonData] ?= await response.json();

  if (jsonError) {
    console.error("JSON error:", jsonError);
    return;
  }

  return jsonData;
}
로그인 후 복사

API 요청에서는 각 단계에서 객체가 반환됩니다. 이 개체는 요청과 관련된 정보를 저장합니다. 객체 분해 기능을 사용하여 이 객체 내부의 데이터를 가져올 수 있습니다. 안전 할당 연산자(?=)를 사용하면 API 요청에서 오류가 발생하는 경우 오류 개체를 구조화 메서드로 처리하여 오류 메시지나 오류 코드를 안전하게 검색할 수 있습니다. . const [오류, 응답], error는 오류를 반환합니다. 응답은 데이터를 반환합니다


결론

이 글에서는 ECMAScript 표준에 있는 안전 할당 연산자를 사용하는 방법을 살펴보았습니다. 나는 그가 매우 유용한 운영자라고 생각합니다. 이제 사용법을 알았습니다.

위 내용은 안전 할당 연산자: try/catch의 대안의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿