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;
  });