函数返回已解决的承诺而不是数据

Question

我有这个功能：

const buildDataSource = (): Promise<Data> => {
  const data = fetch('https://jsonplaceholder.typicode.com/posts')
    .then((response) => response.json())
    .then((items) => items.map((item: RawDataItem, idx: number) => ({
      key: idx,
      randStr: item.title.substring(1, 24),
    })));
  return data;
};

并用这个调用它： const data = buildDataSource();

但data是一个已解决的承诺，包括数据，而不是数据本身。 我哪里出错了？

Answer 1

Promise 和 async 的一般问题在于，一旦开始使用它，就需要将它放在堆栈中的任何地方。 基本上，消耗你的 buildDataSource 的函数也必须是异步的等等......

换个角度看，你肯定应该看异步/等待，因为它使阅读异步代码变得更加容易（你的 buildDataSource 为异步）：

const buildDataSource = async (): Promise<Data> => {
  const response= await fetch('https://jsonplaceholder.typicode.com/posts');
  const items = await response.json();
  const data = items.map((item: RawDataItem, idx: number) => ({
      key: idx,
      randStr: item.title.substring(1, 24),
    }));
  return data;
}

然后像这样使用它：

const something = async () => {
   const data = await buildDataSource (); // data here is your list
}