es6(13)--Promise

//Promise

{
    //原始方法
    let ajax=function(callback){
        console.log('执行')
        setTimeout(function(){
            callback&&callback.call()
        },1000)
    }
    ajax(function(){
        console.log('timeout1')
    })
}
{
    //使用Promise
    let ajax=function(){
        console.log('执行2')
        //new Promise(function(resolve,reject){})
            //resolve:要执行下一步的操作
            //reject:要中断当前的操作
        return new Promise(function(resolve,reject){
            setTimeout(function(){
                resolve();
            },1000)
        })
    }
    ajax().then(function(){
        console.log('Promise','timeout2')
    })
}
{
    //使用Promise
    let ajax=function(){
        console.log('执行3')
        return new Promise(function(resolve,reject){
            setTimeout(function(){
                resolve();
            },1000)
        })
    };
    ajax()
    .then(function(){
        return new Promise(function(resolve,reject){
            setTimeout(function(){
                resolve();
            },2000)
        })
    }).
    then(function(){
        console.log('timeout3')
    })
}
{
    let ajax=function(num){
        console.log('执行4');
        return new Promise(function(resolve,reject){
            if(num>5){
                resolve();
            }else{
                throw new Error('出错了')
            }
        })
    }
    ajax(3).then(function(){
        console.log('log',6);
    }).catch(function(err){
        console.log(err)
    })
}
{
//所有图片加载完了再添加到页面
    function loadImg(src){
        return new Promise((resolve,reject)=>{
            let img=document.createElement('img');
            img.src=src;
            img.onload=function(){
                resolve(img);
            }
            img.onerror=function(err){
                reject(err);
            }
        })
    }
    function showImgs(imgs){
        imgs.forEach(function(img){
            document.body.appendChild(img);
        })
    }
    //Promise.all把多个promise实例变成一个实例
    Promise.all([
        loadImg('..'),
        loadImg('..'),
        loadImg('..'),
    ]).then(showImgs)
}
{
//有一个图片加载完就添加到页面上
    function loadImg(src){
        return new Promise((resolve,reject)=>{
            let img=document.createElement('img');
            img.src=src;
            img.onload=function(){
                resolve(img);
            }
            img.onerror=function(err){
                reject(err);
            }
        })
    }
    function showImas(img){
        let p=document.createElement('p');
        p.appendChild(img);
        document.body.appendChild(p);
    }
    //有一个实例发生改变就先加载
    Promise.rase([
        loadImg('..'),
        loadImg('..'),
        loadImg('..'),
    ]).then(showImgs)
}