JavaScript等待异步执行完成

导读:本篇文章讲解 JavaScript等待异步执行完成,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

等待顺序执行(不用)

const asyncUppercase = item =>
    new Promise(resolve =>
        setTimeout(
            ()=> resolve(item.toUpperCase()),
            Math.floor(Math.random()*1000)
        )
    ) 
    
const uppercaseItems = async () =>{
    const items = ['a','b','c'];
    for(item of items){
        const uppercaseItem = await asyncUppercase(item);
        console.log(uppercaseItem)
    }
    console.log('异步执行完成')
}
uppercaseItems();

等待不用顺序执行(用这个)
数组方法不能直接使用,要使用promise.all ,回调函数

const aysncUppercase = item =>
    new Promise(resolve =>
        setTimeout(
            ()=> resolve(item.toUpperCase()),
            Math.floor(Math.random()*1000)
        )
    );

const uppercaseItems = () =>{
    const items = ['a','b','c'];
    return Promise.all(
        items.map(async item =>{
            const uppercaseItem = await aysncUppercase(item);
            console.log(uppercaseItem)

        })
    ).then(()=>{
        console.log('all执行完成')
    }

    )
}
uppercaseItems();

数组方法,使用回调将导致代码的其余部分执行,并且无法等待异步操作。不能用

const asyncUppercase = item =>
  new Promise(resolve =>
    setTimeout(
      () => resolve(item.toUpperCase()),
      Math.floor(Math.random() * 1000)
    )
  );

const uppercaseItems = async () => {
  const items = ['a', 'b', 'c'];
  await items.forEach(async item => {
    const uppercaseItem = await asyncUppercase(item);
    console.log(uppercaseItem);
  });

  console.log('Items processed');
};

uppercaseItems();
// LOGS: ''Items processed', 'B', 'A', 'C'

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之家整理,本文链接:https://www.bmabk.com/index.php/post/4850.html

(0)
小半的头像小半

相关推荐

极客之家——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!