当async/await碰见forEach-------------爆炸
2024-09-05 10:09:12
let p = ['http://img3.imgtn.bdimg.com/it/u=3278834702,2663618759&fm=26&gp=0.jpg', 'http://img5.imgtn.bdimg.com/it/u=4180508012,1972588723&fm=15&gp=0.jpg', 'http://img10.360buyimg.com/n1/s350x449_jfs/t14989/169/1956143206/90455/a454f42c/5a657289N4b6344d4.jpg%21cc_350x449.jpg', 'http://b-ssl.duitang.com/uploads/item/201707/24/20170724135526_FCnkr.thumb.700_0.jpeg']; function createImg(url) {
return new Promise((resolve, reject) => {
setTimeout(() => {
let img = new Image();
img.src = url;
document.body.append(img)
img.onload = () => {
resolve(img)
}
img.onerror = () => {
reject("加载失败")
}
}, 1000)
})
}
# forEach代码
p.forEach(async (item) => {
await createImg(item)
})
for循坏代码
async function run() {
for (let i = 0; i < p.length; i++) {
await createImg(p[i])
}
}
run()
最新文章
- Java 理论与实践: 处理 InterruptedException
- jmeter的http sample使用
- 抛开react,如何理解virtual dom和immutability
- 【USACO 2.1】Healthy Holsteins
- ok6410按键中断编程,linux按键裸机
- phpcms-v9视频模型的添加
- 【转】mac os x系统上Android开发环境的搭建
- RFID读卡器设置卡
- git免登录-ssh-key
- 利用ffmpeg解码h264流的代码
- oracle创建实例SID
- Spring环境配置
- 你不知道的JavaScript--Item15 prototype原型和原型链详解
- SpringBoot开源项目Jeeplatform
- python unittest setUp 和 setUpClass 区别
- [AHOI2014/JSOI2014] 解题报告
- Spring STS Call Hierarchy 查找不到被调用的信息
- Traceroute(路由追踪)
- 第7月第27天 c++11 boost
- aps.net webform框架下页面服务器端控件和html控件用法