为什么我不能“等待”到我的代码的其他部分？

Question

Edit2：底部的解决方案

我正在使用chrome-console，我正在尝试输出提取的数据，而我只是通过在正确的位置写“await”来获得所需的输出，即使另一个解决方案可以提前做到，我不知道为什么/这个怎么运作。

solution（）是我正在做的网络课程的“官方”解决方案。目前，这两个函数返回相同的函数。在myFunction中，我尝试在每个使用过的函数前写“await”并使每个函数“异步”，但我仍然不能替换日志中的“await”，即使其他解决方案可以。

const urls = ['https://jsonplaceholder.typicode.com/users']

const myFunction = async function() {
                                          // tried await before urls/fetch (+ make it async)
   const arrfetched = urls.map(  url => fetch(url) );   
   const [ users ] = arrfetched.map( async fetched => {  //tried await in front of arrfetched
       return (await fetched).json();                   //tried await right after return
   });
   console.log('users', await users);                   // but can't get rid of this await
}

const solution = async function() {

  const [ users ] = await Promise.all(urls.map(async function(url) {
      const response = await fetch(url);
      return response.json();
  }));
  console.log('users', users);                          // none here, so it can be done 
}

solution();
myFunction();

我认为“等待”的工作原理如下：

   const a = await b;
   console.log(a);       // this doesn't work

同样的

   const a = b;
   console.log(await a); // this works

但它没有，我不明白为什么不。我觉得Promise.all做了一些意想不到的事情，因为简单地在声明中写“await”不能做同样的事情，只有在声明之后。

Edit1：这不起作用

const myFunction = async function() {

    const arrfetched = await urls.map( async url => await fetch(url) );
    const [ users ] = await arrfetched.map( async fetched => {
        return await (await fetched).json();
    });
    console.log('users', users);
}

Edit2：感谢大家的帮助，我尝试将“.toString（）”放在很多变量上并切换到我在代码中放置“等待”的地方，而不是。据我了解，如果我不使用Promise.all那么我需要等待每次我想要使用（如在实际数据中，而不仅仅是使用）一个有承诺的函数或变量。仅仅等待数据被采购的地方是不够的，而不是更进一步。在上面的Edit1中，用户运行bevore任何其他await完成，因此无论我写入多少等待，都没有执行。在（在我的案例中为chrome-）控制台中复制此代码很好地证明了这一点：

const urls = [
      'https://jsonplaceholder.typicode.com/users',
    ]
    const myFunction = async function() {

      const arrfetched =  urls.map( async url => fetch(url) );
      const [ users ] =  arrfetched.map( async fetched => {
          console.log('fetched', fetched);
          console.log('fetched wait', await fetched);
          return (await fetched).json();
      });
      console.log('users', users);
      console.log('users wait', await users);
    }

    myFunction();

// Output in the order below:
// fetched()
// users()
// fetched wait()
// users wait()

Answer 1

另一答案

Answer 2

另一答案