async-awit解决异步问题 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>async-awit</title>
</head>
<body>

</body>
<script>
    function loadImg(src) {
        var promise = new Promise(function (resolve, reject) {
            var img = document.createElement('img');
            img.onload =function () {
                resolve(img)
            }
            img.onerror =function () {
                reject()
            }
            img.src =src
        })

        return promise;
    }

    var src1='https://img.mukewang.com/5dccac000001839c18720764.jpg';  //1872 764
    var src2 ='https://img3.mukewang.com/szimg/5dbffa9109ef425a12000676-360-202.png'; //360 202

    const load = async function(){
        const result2 =await loadImg(src2);
        console.log(result2)

        const result1 =await loadImg(src1);
        console.log(result1)

    }
    load()

</script>
</html>

效果

posted @ 2019-12-01 20:24  前端那点事  阅读(23)  评论(0)    收藏  举报