对Promise进行初步的认识

Promise的作用

1、更好地处理一些异步处理，解决以往以多个callback函处理异步的不友好的写法
2、更好地捕获错误

处理单个异步任务

   var p = new Promise(function (resolve, reject) {
        var r = Math.random() * 100
        setTimeout(function() {
            if (r < 50) {
                resolve('r 小于 50') //当执行成功，调用resolve
            } else {
                reject('r 大于等于 50') //当执行成功，调用reject
            }
        }, 1000)
    })
    p.then(function(msg1) {//执行成功后执行的resolve，msg为调用resolve时传递的参数
        console.log(msg1)
    }).catch(function(msg2) {//执行成功后执行的reject，msg为调用reject时传递的参数
        console.log(msg2)
    }).finally(function(msg2) {//无论失败与否，都会调用
        console.log(msg2)
    })

在new一个Promise对象时，要传一个函数作为参数，在该函数内部中，做一些异步处理，当异步处理的结果是处理成功时，可以调用回调函数resolve，并根据需要传参，当异步处理结果是处理失败时，可以调用回调函数reject，并根据需要传参。
当调用在Promise对象（上述 代码中的p）的then时，即开始进行异步处理，在函数内调用resolve时可以在then接口处理成功返回的结果（上述代码中的msg1），而在Promise对象调用catch方法时，则可以处理异步处理失败时调用reject返回的结果（上述代码中的msg2）；而调用的finally方法，则是无论处理的结果是什么样，都会调用

通过promise处理多个异步任务

function test1(num) {
        return new Promise(function(resolve, reject) {
             console.log('执行'+num+'*'+num+'操作，并把结果'+num * num+'传给下一个任务');
            setTimeout(resolve, 500, num * num);//1秒后执行resolve，并把num*num作为参数传递
        });
    }
    function test2(num) {
        return new Promise(function(resolve, reject) {
            console.log('执行'+num+'+'+num+'操作，并把结果'+(num + num)+'传给下一个任务');
            setTimeout(resolve, 500, num + num);//1秒后执行resolve，并把num+num作为参数传递
        });
    }

    var p = new Promise(function(resolve, reject) {
        console.log('开始执行任务...');
        resolve(1);
    });

    p.then(test2)
        .then(test1)
        .then(test2)
        .then(test1)
        .then(function(result) {
            console.log('最终结果：' + result);
        });

运行结果

开始执行任务...
执行1+1操作，并把结果2传给下一个任务
执行2*2操作，并把结果4传给下一个任务
执行4+4操作，并把结果8传给下一个任务
执行8*8操作，并把结果64传给下一个任务
最终结果：64

将Promise对象作为参数传递到then里面，即传递到前一个的promise对象里面作为resolve执行，不断地把promise作为then的参数，进行不断的任务执行

关于在promise里面throw error

var p = new Promise(function(resolve, reject) {
          throw new Error('Promise里面的throw Error!')
          var r = Math.random() * 100
          setTimeout(function() {
            if (r < 50) {
              resolve('r 小于 50') //当执行成功，调用resolve
            } else {
              reject('r 大于等于 50') //当执行成功，调用reject
            }
          }, 1000)
        })
        p.then(function(msg1) {//执行成功后执行的resolve，msg为调用resolve时传递的参数
          console.log('then' + msg1)
        }).catch(function(msg2) {//执行成功后执行的reject，msg为调用reject时传递的参数
          console.log('catch---' + msg2)
        })
      }

运行结果

catch---Error: Promise里面的throw Error!