【场景应用题】用Promise实现图片的异步加载

直接上代码:

javascript 复制代码
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图片的使用。

相关推荐
littleplayer7 分钟前
iOS Swift Redux 架构详解
前端·设计模式·架构
智商低情商凑10 分钟前
CAS(Compare And Swap)
java·jvm·面试
工呈士11 分钟前
HTML 模板技术与服务端渲染
前端·html
皮实的芒果13 分钟前
前端实时通信方案对比:WebSocket vs SSE vs setInterval 轮询
前端·javascript·性能优化
鹿九巫13 分钟前
【CSS】层叠,优先级与继承(三):超详细继承知识点
前端·css
奕云14 分钟前
react-redux源码分析
前端
咸鱼一号机15 分钟前
:global 是什么
前端
专业掘金15 分钟前
0425 手打基础丸
前端
五号厂房15 分钟前
Umi Max 如何灵活 配置多环境变量
前端
红尘散仙18 分钟前
六、WebGPU 基础入门——Vertex 缓冲区和 Index 缓冲区
前端·rust·gpu