等待顺序执行(不用)
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