循环中的异步执行

最新推荐文章于 2022-12-23 11:46:53 发布

jings_1171

最新推荐文章于 2022-12-23 11:46:53 发布

阅读量129

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_35001542/article/details/128080570

版权

循环中的异步执行之串行

function promise (param){
    return new Promise(resolve=>{
    setTimeout(()=>{
        resolve('resolved' + param)    
    },param)
})
async function name(params) {
    for(const i of params){
        await promise(i)
        console.log('---',i)
    }
    console.log('-----<>')
}
name('1000','4000','3000','2000')
Promise {<pending>}
init.js:1 ---> 1000
init.js:1 ---> 2000
init.js:1 ---> 3000
init.js:1 ---> 4000
init.js:1 -----<>

循环中的异步执行之并行

function promise (param){
    return new Promise(resolve=>{
        setTimeout(()=>{
            resolve('resolved' + param)    
        },param)
})
async function name(params) {

    await Promise.all(params.map(async itm=>{
    await promise(itm)
    }))
}
console.log('-----<>')
name('1000','4000','3000','2000')
console.log('--->',itm)
Promise {<pending>}
init.js:1 ---> 1000
init.js:1 ---> 2000
init.js:1 ---> 3000
init.js:1 ---> 4000
init.js:1 -----<>