Promise

同步异步

JavaScript 是单线程的，在发出一个调用之后 没有得到结果之前该调用就不返回，这种模式就是同步。
所谓异步，就是调用在发出之后就直接返回了，调用者不会阻塞 可以继续执行后续操作，而被调用者执行得到结果后通过状态、事件来通知调用者使用回调函数来处理结果。

异步解决方案–Promise

基础介绍

Promise 对象是一个构造函数，用来生成promise实例。Promise表示一个异步操作的最终状态（完成或失败），以及该异步操作的结果值。— MDN-Promise

异步操作的三种状态：

• pending
• resolved：异步操作成功由 pending 变为 resolved
• rejected：异步操作失败pending 变为 rejected

var p1 = new Promise(function(resovle) {
    ... }); 
console.log(p1)
// Promise {[[PromiseStatus]]: "pending", [[PromiseValue]]: undefined}
// Promise {[[PromiseStatus]]: "resolved", [[PromiseValue]]: "resolve"}
// Promise {[[PromiseStatus]]: "rejected", [[PromiseValue]]: "reject"}

then、catch

Promise构造函数的原型上有一个then方法，它接受两个函数作为参数，分别是 resolved 状态和 rejected 状态的回调函数。
这两个回调函数接受的参数分别是Promise实例中resolve函数和reject函数中的参数。 另外rejected状态的回调函数是可省略的。

// 1
var p = new Promise(function(resolve, reject) {
    // Promise构造函数
    if (Math.random() < 0.5) {
   
        resolve('终值'); // resolved
    } else {
   
        reject('据因'); // rejected
    }
});

p.then(
    function(value){
     // onResolved
        console.log(value);
    },
    function(reason){
    // onRejected
        console.log(reason);
    }
);

Promise.resolve提供了一个简便的方法来得到接受的promise

Promise.resolve('resolve');
// 和上面接近等价
new Promise(function(resovle) {
    resovle('resolve') });

注意Promise实例在生成后会立即执行，而 then 方法只有在所有同步任务执行完后才会执行，看看下面的例子࿱