Promise

异步使用场景：

setTimeout, setInverval, 事件绑定，图片加载，Ajax请求等

在很多时候我们的js中， 比如 B需要依赖A, C又需要依赖B，。。。。

这时候我们很无奈的一步一步的使用回调函数来解决此类问题。  如果这样多起来，回调会越嵌套越深。

工作中很常见的是 B接口需要A接口的返回值之类的，就只能在A执行完在回调B接口了。

但是这种写法太不利于读写和错误排查和剖出了。

于是随着我们的ES6出现了一个非常好用的 Promise 对象，完美的解决了这一问题

 今天我们来看下Promise,

下面我们一起来看下语法：

好，我们按照语法写一个小例子：

function loadImg(src){
        const promise = new Promise(function(resolve, reject){
            var img = new Image();
//            throw new Error("自定义错误");
            img.onload = function(){
                resolve(img)
            };
            img.onerror = function(){
                reject("图片加载失败");
            }
            img.src = src;
        })
        return promise;
    }
    var url = "https://www.imooc.com/static/img/common/logo.png";
    var url2 = "https://img1.mukewang.com/szimg/583e42fb0001e04f05400300-360-202.jpg";
    var result = loadImg(url);
    var result2 = loadImg(url2);
    /* 用法一
     * 串联调用 
     * catch统一输出错误，不用每次写到then的第二个回调里面
     * */
    result.then(function(img){
        console.log(img.width)
        return result2;
    }).then(function(img){
        console.log(img.width)
    }).catch(function(e){
        console.log(e)
    });
    /**
     * 用法二：
     * 都执行完才执行回调 
     * 返回所有执行的结果，是一个数组
     */
    Promise.all([result, result2]).then(function(datas){
        console.log("all", datas[0].width);
        console.log("all", datas[1].width)
    });
    
    /*
     * 用法三
     * 有一个执行完就执行
     * 返回第一个执行完的结果
     * */
    Promise.race([result, result2]).then(data=>{
        console.log('race', data.width)
    });

试着敲一遍，你可以把loadImg看成是一个 Ajax请求，

大概语法啊就这些，这些用法。 不明白的在看看文档对promise的解释吧  -^_ ^- 

这是我自己看过后总结的。