Question

我有一个带有一些id的对象，我需要通过在不同的端点获取来替换它们的关联对象。

{
  user: 123456
  items: [
    1234,
    4321,
  ]
}

我希望获取userId的端点GET /user和每个item ID的GET /item。我希望返回一个完整的对象，如：

{
  user: { ... }
  items: [
    { ... } 
    { ... } 
  ]
}

我的所有用户和项目功能都在工作，并且正在使用异步提取，所以我想我想要的东西是o：

const fillIn = async data => {
  return Promise.all(
    data.map(async obj => {
      const userId = obj.userId;
      const itemIds = obj.items
      return Promise.all([
        getUser(creatorId),
        Promise.all(itemIds.map(item => getItem(item)))
      ]);
    })
  );
};

我的问题是promise.all返回什么以及什么时候返回它？我一直没有解决问题，但我认为这一切都是为了解决所有的承诺！？

Answer 1

您需要的功能将返回一个承诺，该承诺通过＆＃34;填写＆＃34;来实现。物体。这个承诺实际上是一个承诺的组合：一个用于用户，一个数组用于项目中的每个项目......

function fillIn(object) {
    let filledInObject = { user:null, items:[] };
    let promises = object.items.map(i => {
        return getItem(i).then(item => filledInObject.items.push(item));
    });
    let userPromise = getUser(object.user).then(user => {
        filledInObject.user = user;
    });
    promises.push(userPromise);
    return Promise.all(promises);
}

还可以想象一个更通用的解决方案，其中属性名称映射到某个配置对象中的getter：

// getUser and getItem are assumed as above
// add a plural form for getItems
// our getters will be indexed like this: { user:getUser, items:getItems }

function getItems(array) {
    let promises = array.map(i => getItem(i));
    return Promise.all(promises);
}

现在，一般填料 - 内...

function fillIn(object, getters) {
    let filledInObject = {};
    let promises = Object.keys(object).map(key => {
        let getter = getters[key];    // lookup a promise-returning function for the key
        // call it with the param in the object, use the result to fill-in the target object
        return getter(object[key]).then(result => {
            filledInObject[key] = result;
        });
    });
    return Promise.all(promises);
}

这样称呼：

const getters = { user:getUser, items:getItems }
let opObject = { user: 123456, items: [ 1234, 4321 ] };

fillIn(opObject, getters).then(filledInObject => {
    console.log(filledInObject);
})

Promise.all（[...]）填写对象

1 个答案: