JavaScript等待异步执行完成

等待顺序执行（不用）

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