У меня есть объект с некоторыми идентификаторами, которые мне нужно заменить на связанные с ними объекты, получая данные с разных конечных точек.

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

И я хочу получить его, где a - конечная точка GET /user для идентификатора пользователя и 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)))
      ]);
    })
  );
};

У меня вопрос: что возвращает обещание и когда оно возвращается? Я продолжаю получать функции обратно неразрешенными, но я думал, что весь смысл в том, чтобы выполнить все обещания !?

1
9er 12 Июн 2018 в 01:11

1 ответ

Лучший ответ

Нужная вам функция возвращает обещание, которое выполняется с «заполненным» объектом. Это обещание на самом деле представляет собой композицию обещаний: одно для пользователя и массив для каждого элемента в элементах ...

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);
}

Можно также представить более общее решение, в котором имена свойств сопоставляются с геттерами в некотором объекте конфигурации:

// 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);
})
1
danh 12 Июн 2018 в 19:43