使用promise封装异步加载图片并展示.then()的用法

只作自己备忘。随手写的例子

<script>
    var loadImage=function(src){
        var promise=new Promise((resolve,reject)=>{
            let image=new Image();
            image.src=src;
            image.onload=()=>{
                resolve(image)
            }
            image.onerror=()=>{
                reject(Error)
            };
        })
        return promise
    }
    loadImage('./image/aa.jpg').then(image=>{
        document.body.appendChild(image);
        return loadImage('./image/aa1.jpg')
    },()=>{
        console.log("失败")
    }).then(()=>{
        console.log('成功了？')
    },()=>{
        console.log("失败了？")
    }).then(()=>{
        console.log('你说呢？')
    },()=>{
        console.log("我觉得？")
    })

</script>

结果打印： 失败了？ 你说呢？

promise.then也是一个promise，每一个then里面都是对上一个promise的处理。