Response：headers 屬性

Baseline 已廣泛支援

此特性已得到良好確立，可跨多種裝置和瀏覽器版本使用。自 2017 年 3 月起，所有瀏覽器均支援此特性。

注意：此功能在 Web Workers 中可用。

headers 是 Response 介面的一個只讀屬性，它包含與響應關聯的 Headers 物件。

在我們 Fetch Response 示例（參見 Fetch Response 即時演示）中，我們使用 Request() 建構函式建立一個新的 Request 物件，並傳入一個 JPG 路徑。然後，我們使用 fetch() 獲取此請求，使用 Response.blob 從響應中提取一個 blob，使用 URL.createObjectURL() 從中建立一個物件 URL，並在一個 <img> 中顯示它。

注意，在 fetch() 塊的頂部，我們將響應頭記錄到控制檯中。

const myImage = document.querySelector("img");

const myRequest = new Request("flowers.jpg");

fetch(myRequest)
  .then((response) => {
    console.log("response.headers =", response.headers);
    return response.blob();
  })
  .then((myBlob) => {
    const objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });