Promise.all ([…]) заполнение объекта

Question

Promise.all ([…]) заполнение объекта

1

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

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

и я хочу получить его, где a - конечная точка GET/user для userId и GET/item для каждого из идентификаторов элементов. Я хочу, чтобы полный объект возвращался как:

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

Все мои функции пользователя и элемента работают и используют async fetch, поэтому я думаю, что хочу что-то по строкам 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)))
      ]);
    })
  );
};

Мой вопрос - это то, что обещает. Все вернутся и когда оно вернет его? Я все время возвращаю функции обратно, но я думал, что все дело в том, чтобы решить все обещания !?

9er 12 июнь 2018, в 00:44

Источник

0

Пожалуйста, покажите полный код, включая data и getUser / getItem
CertainPerformance 11 июнь 2018, в 22:13
2

Promise.all возвращает обещание. Из которого вы можете вызвать .then() и другие методы
mhodges 11 июнь 2018, в 22:14
0

Если вы пытаетесь сделать асинхронный код синхронным (что, я думаю, и есть), это невозможно. Вы должны либо await его, либо использовать .then() .
jhpratt 11 июнь 2018, в 22:18
1

Promise.all - это просто обещание, которое разрешается, когда все обещания разрешаются из введенного вами массива обещаний. воспринимайте его как обещание, заключающее в себе другие обещания, также использование синтаксиса async await означает, что вы должны использовать await во всех асинхронных вызовах. как и другие люди говорили здесь
Jony-Y 11 июнь 2018, в 22:20
0

Я пропустил вопрос "а когда он его возвращает?" Ответ немедленно. Promise.all() разрешает обещание, которое он возвращает сразу после каждого обещания, указанного в массиве, который вы передаете Promise.all() , и отклоняет сразу после того, как любое из обещаний, переданных в отклонении. Вы можете справиться с ними, используя Promise.all([...]).then(responses => {/* success/resolved */ }, err => { /* error/rejected */})
mhodges 11 июнь 2018, в 22:35

Показать ещё 3 комментария

Теги:

javascript

promise

1 ответ

Ещё вопросы

Пожалуйста, покажите полный код, включая data и getUser / getItem
Promise.all возвращает обещание. Из которого вы можете вызвать .then() и другие методы
Если вы пытаетесь сделать асинхронный код синхронным (что, я думаю, и есть), это невозможно. Вы должны либо await его, либо использовать .then() .
Promise.all - это просто обещание, которое разрешается, когда все обещания разрешаются из введенного вами массива обещаний. воспринимайте его как обещание, заключающее в себе другие обещания, также использование синтаксиса async await означает, что вы должны использовать await во всех асинхронных вызовах. как и другие люди говорили здесь
Я пропустил вопрос "а когда он его возвращает?" Ответ немедленно. Promise.all() разрешает обещание, которое он возвращает сразу после каждого обещания, указанного в массиве, который вы передаете Promise.all() , и отклоняет сразу после того, как любое из обещаний, переданных в отклонении. Вы можете справиться с ними, используя Promise.all([...]).then(responses => {/* success/resolved */ }, err => { /* error/rejected */})

danh · Accepted Answer · 2018-06-11T21-57-00.000Z

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

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