Response: phương thức tĩnh error()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.

Note: This feature is available in Web Workers.

Phương thức tĩnh error() của giao diện Response trả về một đối tượng Response mới gắn với lỗi mạng.

Điều này chủ yếu hữu ích khi viết service worker: nó cho phép service worker gửi phản hồi từ trình xử lý sự kiện fetch để khiến lời gọi fetch() trong mã ứng dụng chính bị reject.

Một phản hồi lỗi có type được đặt thành error.

Ví dụ

Trả về lỗi mạng từ service worker

Giả sử một ứng dụng web có service worker với trình xử lý sự kiện fetch sau:

// service-worker.js

self.addEventListener("fetch", (event) => {
  const url = new URL(event.request.url);
  if (url.pathname === "/salamander.jpg") {
    event.respondWith(Response.error());
  }
});

Với service worker này, mọi yêu cầu fetch từ ứng dụng sẽ đi qua service worker tới mạng, trừ yêu cầu lấy "salamander.jpg", yêu cầu này sẽ bị reject. Điều đó có nghĩa là mã ở main thread sau đây sẽ ném lỗi và handler catch sẽ chạy.

// main.js

const image = document.querySelector("#image");

try {
  const response = await fetch("salamander.jpg");
  const blob = await response.blob();
  const objectURL = URL.createObjectURL(blob);
  image.src = objectURL;
} catch (e) {
  console.error(e);
}