附 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中文網其他相關文章！