【场景应用题】用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图片的使用。

相关推荐
LaoZhangAI8 分钟前
【2025最新】Claude免费API完全指南:无需信用卡,中国用户也能用
前端
hepherd26 分钟前
Flask学习笔记 - 模板渲染
前端·flask
LaoZhangAI26 分钟前
【2025最新】Manus邀请码免费获取完全指南:5种稳定渠道+3个隐藏方法
前端
经常见28 分钟前
浅拷贝与深拷贝
前端
爱爬山的老虎31 分钟前
【面试经典150题】LeetCode121·买卖股票最佳时机
数据结构·算法·leetcode·面试·职场和发展
梅子酱~32 分钟前
Vue 学习随笔系列二十二 —— 表格高度自适应
javascript·vue.js·学习
前端飞天猪33 分钟前
学习笔记:三行命令,免费申请https加密证书📃
前端
关二哥拉二胡34 分钟前
前端的 AI 应用开发系列二:手把手揭秘 RAG
前端·面试
斯~内克36 分钟前
前端图片加载性能优化全攻略:并发限制、预加载、懒加载与错误恢复策略
前端·性能优化
你的人类朋友37 分钟前
JS严格模式,启动!
javascript·后端·node.js