Javascript 在循环中使用Promise对象

先看一个生成Promise对象的方法

 function createPromise() {
        var promise;
        promise = new Promise(function(resolve, reject) {
            var elapse = Math.random() * 2000;
            setTimeout(resolve, elapse);
        });
        return promise;


    }

目标是生成10个Promise对象并依次输出Promise的结果。

首先看这种调用方式：

 for (var i = 0; i < 10; i++) {
            createPromise().then(function() {
            console.log(i);
            })
        }

由于Promise是异步调用，then内的回调函数在for循环之后调用，所以在所有的then callback里面，i=10。所以输出为
10
10
10
10
10
10
10
10
10
10

换另外一种调用方式

  var promiseArray = [];
        for (var i = 0; i < 10; i++) {
            promiseArray.push(createPromise());
        }
        Promise.all(promiseArray).then(function() {
             for (i = 0; i < data.length; i++)
                 console.log(i);
                 })

因为Promise.all函数可以并行调用参数中的Promise对象方法，并且将所有Promise对象方法返回值作为数组输入到then回调中，因此这种方式调用可以解决Promise的循环创建和调用。