如何在不使用 .then 语法的情况下使 fetch promise 解析？

Question

首先，我确保为我在这里谈论的问题编写一个快速演示https://codesandbox.io/s/exciting-swirles-7cs3s但本质上，使用这个isomorphic-fetch库，我遇到了一个问题，我无法真正获得函数的值，或者你可能会说，分辨率fetch()。import fetch from "isomorphic-fetch";async function test() {  return await fetch("https://google.com", { mode: "no-cors" });}let t = test();console.log(t);结果是现在我也考虑过fetch()像这样使用的另一种方式fetch("https://google.com", { mode: "no-cors" })  .then(response => response.text())  .then(data => console.log(data));它实际上提供了一个字符串，但如果可能的话，我更喜欢第一种方式？也很有可能我没有正确使用 fetch。

Answer 1

像这样尝试：

import fetch from "isomorphic-fetch";

async function test() {

  const response = await fetch("https://google.com", { mode: "no-cors" });

  return response.text();

}

async function main() {

  let t = await test();

  console.log(t);

}

main();

您需要等待承诺，这意味着您需要一个异步函数。

Answer 2

fetch 将返回一个承诺，而不是一个字符串。在你的第二个例子中，你调用.text()它。你将不得不在 asyc/await 中做类似的事情

Answer 3

使用t.then(res => console.log(res));它将返回response对象。

因为你有async功能test而且你没有await像await test()这样它会返回promise。

根据您的评论，您应该使用await test(). 但是你只能await在内部使用，async所以我建议使用如下的包装函数。

import fetch from "isomorphic-fetch";

async function test() {

  return await fetch("https://google.com", { mode: "no-cors" });

}

async function wrapper() {  

  let t = await test();

  console.log(t.text());

}

wrapper();