JavaScript 中 Fetch 是如何社会活动的

cache/reload/force-cache/only-if-cached。 Credentials：常指有否与劝说一起送达跨域 Cookie。它可以是include/same-origin/omit。 Headers：可以最主要与劝说关联性的任何躯干， 例如HTTP 躯干这里标示出 “Content-Type”，但你也可以拥有自判别 HTTP 躯干。 Redirect：尽快了如果Fetch来的URL重定向就会牵涉到什么。它可以是follow/error/manual。 referrerPolicy：确定劝说传递的referrer信息量。它可以是 no-referrer/no-referrer-when-downgrade/origin/origin-when-cross-origin/same-origin/strict-origin/strict-origin-when-cross-origin/unsafe-url。 JavaScript:fetch，构建异步劝说

当我们可用 Fetch 时，它就会转到我们判别的 URL，查阅信息并将声势浩大调回。 这不是立即的，因为写入 URL 并将其取回只能时间。如果我们单独试运行 Fetch，启动时日志将调回一个 Promise，而不是来自我们不打算的 URL 的声势浩大：

解码

let apiResponse = fetch("");

console.log(apiResponse); // Returns Promise

在fetch() 参数试运行时，JavaScript并不就会回头声势浩大。如果我们不打算到访声势浩大，我们才就会完全一致告诉 JavaScript 只能回头。

回头 fetch() 有两种方法：

可以在 then 循环之中可用 then 并的系统设计 fetch() 的声势浩大。 可以可用 await，并在可用其段落以前回头 Fetch 调回。

在 JavaScript 之中可用 Then 回头Fetch

从fetch()调用之中到访统计数据的一种方法是将其链接到Fetch上，从而必需我们从URL到访声势浩大。fetch()的段落可以在then()Lua参数内的系统设计，但不必在Lua参数则有的系统设计。例如：

解码

let apiResponse = fetch("").then(res => res.json()).then((data) => {

console.log(data);

// We can do anything with the data from our api here.

return data;

});

console.log(apiResponse); // This will return Promise

// That means we can't use the apiResponse variable

// outside of the then() function.

如果我们打算在 then 参数之则有可用 fetch() 的段落，则才就会可用 await。

在 JavaScript 之中可用 Await 回头Fetch

回头Fetch的另一种方法是可用 await 关键字。大多数的IE都反对Top-level awaits,如果你可用的是Node.JS 14.8 以前的版，你只能将await相关的代码买回来到异步参数之中。

如果我们可用 await，可以在参数或代码的任何地方可用它来换取 API 的声势浩大，并在其上可用任何声势浩大参数，例如 text() 或 json()。 例如：

解码

// Typically we wrap await in an async function

// But most modern browsers and Node.JS support

// await statements outside of async functions now.

async getAPI() {

let apiResponse = await fetch("");

let response = apiResponse.json();

// Since we waited for our API to respond using await

// The response variable will return the response from the API

// And not a promise.

console.log(response);

}

getAPI();

论断

本文之中，我们概述了 Fetch 的工作原理、如何通过 fetch() 送达不同的配置文件，以及如何可用 JavaScript 之中的异步概念来回头声势浩大。 fetch() 是 JavaScript 之中的一个强大工具，平常在一些出色新项目之中发挥不可或缺作用。

译者概述

郭晋安，51CTO社区撰稿人，具6年工作经验的高级的系统工程公司。酷爱习得有Linux内嵌汇编语言，Python，C，C++，Java，Linux内核深入研究，智能机器人软件设计等。

出处标题：How Fetch Works in JavaScript，作者：Johnny Simpson

。

无锡医院男科哪家医院好
武汉妇科医院哪个专业
成都妇科检查哪家医院好
贵阳风湿医院哪最好
天津妇科医院挂号咨询