Response.clone()

Response 接口的 clone() 方法创建了一个响应对象的克隆，这个对象在所有方面都是相同的，但是存储在一个不同的变量中。

如果已经使用了响应 Body，clone() 会抛出TypeError。 实际上，clone()存在的主要原因是允许多次使用Body对象(当它们是一次性使用的时候)。

var response2 = response1.clone();

None.

一个 Response 对象.

在我们的 Fetch Response 克隆示例 (请参阅 Fetch Response clone live) 我们使用Request() 构造函数创建一个新的 Request 来传递一个 JPG 路径。 然后我们使用 fetch() 获取这个请求。 当 fetch resolve 时，我们克隆它，使用两个Body.blob调用从两个响应中提取blob，使用URL.createObjectURL 从blob创建对象URL，并将它们显示在两个单独的<img>元素中。

var image1 = document.querySelector('.img1');
var image2 = document.querySelector('.img2');

var myRequest = new Request('flowers.jpg');

fetch(myRequest).then(function(response) {
  var response2 = response.clone();

  response.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    image1.src = objectURL;
  });

  response2.blob().then(function(myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    image2.src = objectURL;
  });
});

[1] 此功能是在首选项后面实现的。

• ServiceWorker API
• HTTP access control (CORS)
• HTTP