Fetch を使用した AbortController

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. Signal: AbortController には、fetch() などの関数に渡すことができるシグナル プロパティがあります。この信号は、操作を中止する必要がある場合に通信するために使用されます。

3. abort() メソッド: abort() メソッドを呼び出すと、シグナルがトリガーされ、操作がキャンセルされます。

以上がFetch を使用した AbortControllerの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。