Promise重修

Promise重修

// promise的api
function getImage(src){
    return new Promise(function(res,rej){
        var img=new Image()
        img.onload=function(){
            res(src,"img")
        }
        img.onerro=function(){
            rej("知识错误的内容")
        }
        img.src=src
    })
}

// all()参数填你想执行的多个任务把这些参数用数组的形式表现出来,可以是异步任务也可以是同步任务,注意一点这些任务必须返回的是一个Promise就跟上面的getImage函数一样
Promise.all([getImage("./img/a.jpg"),getImage("./img/a.jpg"),getImage("./img/a.jpg")]).then(function(data){
    // 执行res(参数一,参数二)
    console.log(data)
    // data是一个数组,并且每一项都是每一个回调函数res的参数一
    // all方法是all参数里面写的所有任务都返回成功的回调的时候才会返回这个then
})

Promise.race([getImage("./img/a.jpg"),getImage("./img/a.jpg"),getImage("./img/a.jpg")]).then(function(data){
    // 执行res(参数一,参数二)
    console.log(data)
    // data是一个res的参数
    // race方法是race方法当中的众多参数当中,谁先返回一个成功的回调这个data就是那个成功回调的参数,并不会像all那样返回所有的res的回调参数并以数组的形式呈现
})