数组中的元素都是promise
对象,那么是没有办法遍历的。数组
function Gen(time) { return new Promise((resolve, reject) => { setTimeout(function () { resolve(time) },time) }) } function test() { let arr = [Gen(2000), Gen(1000), Gen(3000)] for(let item of arr) { console.log(Date.now(), item.then(console.log)) } } test() // 1597047404040 Promise {<pending>} // 1597047404040 Promise {<pending>} // 1597047404040 Promise {<pending>} // 1000 // 2000 // 3000
这种遍历就是无论三七二十一,首先遍历出来,而后挂起的promise
再执行。promise
将test函数前面添加async,并在for-of遍历的时候给每一个元素前面添加await,每一个对象等待结束以后再执行下一个。数据结构
function Gen(time) { return new Promise((resolve, reject) => { setTimeout(function () { resolve(time) },time) }) } async function test() { let arr = [Gen(2000), Gen(1000), Gen(3000)] for(let item of arr) { console.log(Date.now(), await item.then(console.log)) } } test() // 2000 // 1597047766221 undefined // 1000 // 1597047768223 undefined // 3000 // 1597047768224 undefined
分析输出结果:先执行了await
后面的then
,返回2000
以后
执行console.log
返回时间戳
而后await
的返回值是空,因此返回undefined
虽然由于await
让for-of
暂停了,可是执行的顺序和咱们想要的仍是不同
test函数前面还要添加async
关键字,对for-of
进行改进dom
function Gen(time) { return new Promise((resolve, reject) => { setTimeout(function () { resolve(time) },time) }) } async function test() { let arr = [Gen(2000), Gen(100), Gen(3000)] for await(let item of arr) { console.log(Date.now(), item) } } test() // 1597048677429 2000 // 1597048677429 100 // 1597048678429 3000
for-of
是用来遍历同步操做的
for-of
里面用await
,若是有其余操做,也会有输出顺序错误
for await of
是能够对异步集合进行操做
promise
类型[Symbol.asyncIterator]
方法让其变成可遍历的对象for await of
方法进行遍历const obj = { count: 0, Gen(time) { return new Promise((resolve, reject) => { setTimeout(function () { resolve({ done: false, value:time }) }, time) }) }, [Symbol.asyncIterator] () { let self = this return { next() { self.count++ if(self.count < 4) { return self.Gen(Math.random() * 1000) //retuen的返回值是Gen函数的resolve返回的对象 }else{ return Promise.resolve({ done: true, value: '' }) } } } } } async function test () { for await (let item of obj) { console.log(Date.now(), item) } } test() // 1597049702437 292.73328473812523 // 1597049702574 136.72074104961163 // 1597049703250 675.518962144079