使用 For Loop 的链式和嵌套式 promises

Question

我正在尝试让我的每个属性游戏都在链式承诺中（每个属性都来自不同的异步调用）。

我的算法逻辑：

检查网络并获取智能合约地址
注册包含所有游戏地址的合约
获取游戏数量
对于每场比赛，执行一次aSync调用每属性
打印所有的游戏和细节（这里我不能获取更新的对象）

代码：

  var games = [];
  window.addEventListener('load', function() {
    // Check the Network and assign the smart contract address

    web3.eth.net.getId()
      .then(function(networkId) {
        let contractAddressRegistry;
        if (networkId == 1) {
          contractAddressRegistry = "0xQWERTYUIOPQWERTYUIOPQWERTY"
        } else {
          contractAddressRegistry = "0x12345678901234567890123456"
        }
        return contractAddressRegistry;
      })
      .then(function(contractAddressRegistry) {
        let contractRegistry = new web3.eth.Contract(contractAbiRegistry, contractAddressRegistry);

        contractRegistry.methods.numberOfGames().call()
          .then(function(numberOfGames) {

            for (let i = 0; i < numberOfGames; i++) {
              let game = {};
              game.propertyA = aSyncCallGetPropertyA(i); // Promise
              game.propertyB = aSyncCallGetPropertyB(i); // Promise
              game.propertyC = aSyncCallGetPropertyC(i); // Promise
            }
            games.push(game);
          })
      })
      .then(function() {
        console.log(games) // Empty
      })
  })

我尝试使用 Promises.all() 但我无法正确同步它，因为一些异步调用在 then() 中。

我怎样才能确保让对象 Games 充满它的所有属性？

Answer 1

你应该这样使用Promise.all。基本上，您需要将所有三个 aSyncCallGetProperty 异步调用包装在 Promise.all 中等待它们真正完成，然后将结果分配给对象 game.

whatever
    .then(function(contractAddressRegistry) {
        let contractRegistry = new web3.eth.Contract(contractAbiRegistry, contractAddressRegistry);
        return contractRegistry.methods.numberOfGames().call();
    })
    .then(function(numberOfGames) {
        return Promise.all(numberOfGames.map(() => {
            return Promise.all([
                aSyncCallGetPropertyA(),
                aSyncCallGetPropertyB(),
                aSyncCallGetPropertyC()
            ]).then(results => {
                let game = {};
                game.propertyA = results[0];
                game.propertyB = results[1];
                game.propertyC = results[2];
                return game;
            });
        }));
    })
    .then(function(games) {
        console.log(JSON.stringify(games));
    })

Answer 2

@Lewis 的代码似乎是正确的，但我无法确定 numberOfGames 是什么。假设它是您问题中使用的整数（不是另一个答案中处理的数组），这里是没有嵌套 .then()s.

的进一步改写版本

window.addEventListener('load', function() {
  web3.eth.net.getId()
              .then(networkId => networkId === 1 ? "0xQWERTYUIOPQWERTYUIOPQWERTY"
                                                 : "0x12345678901234567890123456")
              .then(contractAddressRegistry => new web3.eth.Contract(contractAbiRegistry, contractAddressRegistry).methods.numberOfGames().call())
              .then(numberOfGames => Promise.all(Array(numberOfGames).fill()
                                                                     .map(_ => Promise.all([aSyncCallGetPropertyA(),
                                                                                            aSyncCallGetPropertyB(),
                                                                                            aSyncCallGetPropertyC()]))))
              .then(function(games){
                      games = games.map(game => ({propertyA: game[0],
                                                  propertyB: game[1],
                                                  propertyC: game[2]}));
                      doSomethingWith(games);
                    });
  });

使用 For Loop 的链式和嵌套式 promises

Chained and Nested promises with For Loop

javascript

asynchronous

promise

web3js