链条和嵌套的承诺用于循环

Question

我试图将游戏的每个属性都置于链式承诺之内(每个属性都来自不同的异步调用(。

我的算法的逻辑：

1. 检查网络并获取智能合约地址
2. 注册包含所有游戏地址的合同
3. 获取游戏的数量
4. 对于每个游戏，执行一个异步电话每个属性
5. 打印所有游戏和细节(在这里我无法要获取更新的对象(

代码：

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

我尝试了使用Promisises.all((，但是我无法正确同步，因为某些异步调用在then((中。

我如何确保填充其所有属性的对象游戏？

Answer 1

您应该这样使用Promise.all。基本上，您需要将所有三个aSyncCallGetProperty async呼叫包装在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);
                    });
  });