【场景应用题】用Promise实现图片的异步加载直接上代码: 总结:考察的点主要是Promise的使用结合Image图片
直接上代码:
let imageAsync = (url) => {
return new Promise((resolve, reject) => {
let image = new Image();
image.src = url;
image.onload = () => {
console.log('图片加载完成');
resolve(image)
}
image.onerror = () => {
console.log('图片加载失败');
reject(new Error('图片加载失败'))
}
})
}
imageAsync('url').then(() => {
console.log('图片加载成功')
}).catch(error => {
console.log('图片加载失败')
})
总结:考察的点主要是Promise的使用结合Image图片的使用。
转载自:https://juejin.cn/post/7426899511447404553