>웹 프론트엔드 >JS 튜토리얼 >가져오기를 사용하는 AbortController

가져오기를 사용하는 AbortController

王林
王林원래의
2024-09-12 10:31:06938검색

AbortController with Fetch

JavaScript의 AbortController는 가져오기 요청이나 이벤트 리스너와 같은 기타 작업과 같이 완료하는 데 시간이 걸릴 수 있는 비동기 작업을 취소하거나 중단하는 데 사용되는 유틸리티입니다. 더 이상 필요하지 않은 작업을 중지할 수 있어 성능 향상과 자원 관리에 유용합니다.

사용 사례 예:

// Create an AbortController instance
const controller = new AbortController();
const signal = controller.signal;

// Start a fetch request with the signal attached
fetch('https://api.example.com/data', { signal })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(err => {
    if (err.name === 'AbortError') {
      console.log('Fetch request was aborted');
    } else {
      console.error('Fetch error:', err);
    }
  });

// If we need to cancel the request:
controller.abort(); // This will abort the fetch request

  1. 컨트롤러: AbortController는 중단 프로세스를 관리하는 컨트롤러를 생성합니다.

  2. 신호: AbortController에는 fetch()와 같은 함수에 전달할 수 있는 신호 속성이 있습니다. 이 신호는 작업을 중단해야 할 때 통신하는 데 사용됩니다.

  3. abort() 메서드: abort() 메서드를 호출하면 신호를 트리거하고 작업을 취소합니다.

위 내용은 가져오기를 사용하는 AbortController의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.