老师有问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
// 页面中有个板块，需要多张图片加载完之后才能进行显示
const loadImg = (src) => {
return new Promise((resolve, reject) => {
const img = new Image()
img.src = src
img.onload = () => {
resolve(img)
}
img.onerror = (e) => {
reject(e)
}
})
}
const imgs = [
'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2388423280,1026625885&fm=26&gp=0.jpg',
'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1587367204797&di=515f64f5dbc89e9d025c24f1cfc09671&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F78%2F52%2F01200000123847134434529793168.jpg',
'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1587367204796&di=70170ed88f2f5aa6055ae09e9cf9c035&imgtype=0&src=http%3A%2F%2Fa4.att.hudong.com%2F21%2F09%2F01200000026352136359091694357.jpg',
'aa'
]
const promises = imgs.map((img) => {
return loadImg(img)
})
// map会返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
Promise.all(promises).then((arr) => {
console.log(arr)
arr.forEach((img) => {
document.body.appendChild(img)
})
}).catch((e) => {
console.log(e)
})
</script>
</body>
</html>
代码中
img.onload = () => {
resolve(img)
}
img.onerror = (e) => {
reject(e)
}
这两个函数没有被调用，它是怎么判断是成功状态还是失败状态的？
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星