Promise对象及其作用

在Javascript中，所有的代码都是单线程的。因此，导致Javascript中所有的网络操作（网络请求），浏览器事件都是通过异步执行。

> 浏览器只分配给js一个主线程，用来执行任务（函数），但一次只能执行一个任务，这些任务形成一个任务队列排队等候执行，但前端的某些任务是非常耗时的，比如网络请求，定时器和事件监听，如果让他们和别的任务一样，都老老实实的排队等待执行的话，执行效率会非常的低，甚至导致页面的假死。所以，浏览器为这些耗时任务开辟了另外的线程，主要包括http请求线程，浏览器定时触发器，浏览器事件触发线程，这些任务是异步的。

Promise 对象是一个代理对象（代理一个值），被代理的值在Promise对象创建时可能是未知的。它允许你为异步操作的成功和失败分别绑定相应的处理方法（handlers）。 这让异步方法可以像同步方法那样返回值，但并不是立即返回最终执行结果，而是一个能代表未来出现的结果的promise对象一个 Promise有以下几种状态:

function test(resolve, reject) {
    var timeOut = Math.random()*100 ;
    setTimeout(function () {
        if (timeOut < 50) {
            resolve('OK');
        }
        else {
            reject('error in ' + timeOut + ' seconds.');
        }
    }, timeOut * 1000);
}

上面是一个随机生成一个0-100之间的数，如果这个数小于50，就触发resovle函数，否则触发reject函数。这个test函数只关心自身的逻辑，并不关心resovle和reject具体怎么实现。

var p1 = new Promise(test);
var p2 = p1.then(function (result) {
    console.log('成功：' + result);
});
var p3 = p2.catch(function (reason) {
    console.log('失败：' + reason);
});

创建一个Promise对象，来获取它执行的结果。

可见Promise最大的好处是在异步执行的流程中，把执行代码和处理结果的代码清晰地分离。
Promise还可以做执行多个任务，比如，需要先做任务1，如果成功后再做任务2，任何任务失败则不再继续并执行错误处理函数。
只需要

p1.then(p2).then(p3).catch(error);