1、Promise 的寄义

初识Promise，要从多方面去明白，能够直接百度Promise，只看他人博客的前面的寄义引见，先不深切看他人的博客，基础能够相识到:

• promise原意：信誉; 允诺; 许诺；预示。
• Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事宜——更合理和更壮大。链接形貌
• Promises 是一种 JavaScript 中处置惩罚异步代码的要领，实在 Promises 已存在多年，然则直到 ES2015 (ES6)才被标准化和引入，如今它们已在 ES2017(ES8) 中被 async(异步) 函数所庖代和扩大，可见生长之快。链接形貌
• 一个 Promise 就是一个对象，它代表了一个异步操纵的终究完成或许失利。链接形貌
• Promise对象用于异步操纵，它示意一个还没有完成且估计在将来完成的异步操纵。
• ES6 划定，Promise对象是一个组织函数，用来天生Promise实例。
• Async functions(异步函数) 运用 promises API 作为构建块，因而明白 Promises 是必需的，纵然在较新的代码中，你能够会运用 async(异步) 函数而不是promises 。链接形貌

2、同步、异步、回调函数相干观点

• JavaScript的实行环境是单线程。所谓单线程，是指JS引擎中担任诠释和实行JavaScript代码的线程只要一个，也就是一次只能完成一项使命，这个使命实行完后才实行下一个，它会壅塞其他使命。这个使命可称为主线程。但实际上另有其他线程，如事宜触发线程、ajax要求线程等。
• 同步情势，即上述所说的单线程情势，一次只能实行一个使命，函数挪用后需比及函数实行完毕，返回实行的结果，才举行下一个使命。假如这个使命实行的时候较长，就会致使线程壅塞。

    /* 例2.1 */
    var x = true;
    while(x);
    console.log("don't carry out");    //不会实行
    上面的例子即同步情势，个中的while是一个死循环，它会壅塞历程，因而第三句console不会实行。
    同步情势比较简朴，也较轻易编写。但题目也不言而喻，假如要求的时候较长，而壅塞了背面代码的实行，
    体验是很不好的。因而关于一些耗时的操纵，异步情势则是更好的挑选。

• 异步情势，即与同步情势相反，能够一同实行多个使命，函数挪用后不会马上返回实行的结果，假如使命A须要守候，可先实行使命B，比及使命A结果返回后再继承回调。最常见的异步情势就数定时器了，我们来看看以下的例子。

    /* 例2.2 */
    setTimeout(function() {
        console.log('taskA, asynchronous');
    }, 0);
    console.log('taskB, synchronize');
    //while(true);

    -------ouput-------
    taskB, synchronize
    taskA, asynchronous
    我们能够看到，定时器延时的时候明明为0，但taskA照样晚于taskB实行。
    这是为何呢？由于定时器是异步的，异步使命会在当前剧本的一切同步 使命实行完才会实行。
    假如同步代码中含有死循环，行将上例的解释去掉，那末这个异步使命就不会实行，由于同步使命壅塞了历程。

• 回调函数，提起异步，就不得不谈谈回调函数了。上例中，setTimeout里的function就是回调函数。能够简朴明白为：（实行完）回（来）调（用）的函数。

    **WikiPedia关于callback的定义。**
    In computer programming, a callback is a piece of executable code that is passed as 
    an argument to other code, which is expected to call back (execute) the argument 
    at some convenient time.
    能够看出，回调函数是一段可实行的代码段，它以「参数」的情势传递给其他代码，
    在其适宜的时候实行这段（回调函数）的代码。
    **WikiPedia还定义**
    The invocation may be immediate as in a synchronous callback, 
    or it might happen at a later time as in an asynchronous callback.
    也就是说，回调函数不仅能够用于异步挪用，平常同步的场景也能够用回调。
    在同步挪用下，回调函数平常是末了实行的。而异步挪用下，能够一段时候后实行或不实行（未到达实行的前提）。

3、Promise 的特性和基础用法

promise对象有两个特性：

• 对象的状况不受外界影响，pending(举行中)、fulfiled(已完成)、rejected(已失利)
• 一旦状况转变，就不会再变，任何时候都能够获得这个结果，状况转变只要两种能够，称为（resolved）

基础用法：

es6划定，Promise对象是一个组织函数，用来天生Promise实例。
扩大组织函数回忆：特别要领，建立对象时初始化对象，为对象成员变量赋初始值，与new一同运用。
一个类能够有多个组织函数 ，可根据其参数个数的差别或参数范例的差别来辨别它们 即组织函数的重载。
var promise = new promise(function(resove, reject){
  // ... some code
  if (/*异步胜利*/){
    resove(value);
  } else{
    reject(error);。
  }
});

简朴例子1

例子用到了箭头函数，写法很轻易明白，可参考另一篇文章

    let p= new Promise((resolve, reject)=>{
        let a1='胜利传出去的对象';
        let a2='失利传出去的对象';
        var timer = setTimeout(function () {
                     console.log('after resolve');
                    resolve(a1);
                    reject(a2);
                    console.log('after error');
                }, 1000);
    });
    p.then(value=>{
        console.log(value);
    },error=>{
        console.log('.then的第二个参数');
        console.log(error)
    });
    p.catch(error=>{
        console.log('.catch');
        console.log(error);
    });
    

上面例子的输出结果，涌现的第一行是Promise{<pending>}，
然后再次输入p 按回车实行打印出来p是如许Promise{<resolved>}
然后点开看 能够看到控制台提醒promiseStatus :resolved 申明promise的状况已成为了resolved

上面例子把resolve(a1)去掉，结果以下：

4、解读promise中唯一的参数、resolve参数、reject参数、then()、catch()要领的意义

参考上面例子1

• let p = new Promise(参数1)，制造一个实例时，接收一个函数作为参数1；
• 参数1，作为函数，也接收两个参数离别是resolve和reject。它们是两个函数，由 JavaScript 引擎供应，不必本身布置。注重：这两个函数的作用就是转变Promise对象的状况，一个是胜利，一个是失利，一旦挪用了个中一个，状况就不可转变和逆转；
• Promise实例天生今后，能够用then要领离别指定resolved状况和rejected状况的回调函数，即运用p.then()来进一步的操纵，注重：then()能够接收两个参数，这两个参数也是函数，第一个示意胜利的操纵，就是挪用了resolve(a1)后会进入，第二个示意失利的操纵，就是挪用了reject(a1)后会进入，但第二个能够省略;
• p.catch和.then()第二个参数的结果是一样,都邑进入；
• 例子1的resolve(a1)和reject(a2)同时存在时，只要在前面的有效，可解释第一个看失利的结果；
• 例子中的resolve，reject只是个名字，实在能够随意改，不发起改；
• 例子中p.then(value=>{console.log(value)}，这里面的value也只是个名字，实在能够随意改，不发起改；注重：value就是上面resolve(a1)中传出来的a1，a1能够是任何对象，a2也是雷同的原理。