React之关于Promise的用法

const promise = new Promise(function(resolve, reject) { 
  // ... some code

  if (/* 异步操作成功 */){
    resolve(value);                // 异步操作成功时调用，并将异步操作的结果作为参数传递出去
  } else {
    reject(error);                 // 异步操作失败时调用，并将异步操作的结果作为参数传递出去

  }
});

对promise对象穿出的值进行处理
promise.then(function(value) {     // 这两个函数都接受Promise对象传出的值作为参数。
  // success                       // 成功时，调用第一个函数
}, function(error) {
  // failure                       // 失败时，调用第二个函数
});

或者

promise.then(function(value) {    
  // success                       // 成功时，调用第一个函数
}).catch(function(error) {
  // failure                       // 失败时，调用第二个函数
});

说明：
(1) promise构造函数，接受一个函数作为参数。
(2) 这个函数又有两个参数，接受 resolve 和 reject 这两个参数。
(3) resolve 和 reject 也是函数

resolve 函数的作用：
将Promise对象的状态从pending 变为 resolved，
在异步操作成功时调用，并将异步操作的结果，作为参数传递出去。!!!

reject 函数的作用：
将Promise对象的状态从“从 pending 变为 rejected，
在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。!!!

componentDidMount() {
    let p = new Promise((resolve,reject) => {
      console.log('1')
      resolve();
    })
    p.then(result => {
      console.log('2')
    })
    console.log('3')
 }

 // 执行结果：
 // 1
 // 3
 // 2

说明：
上面代码中，Promise 新建后立即执行，所以首先输出的是 1 。
然后，then方法指定的回调函数，将在当前脚本所有同步任务执行完才会执行，所以 2 最后输出。

  componentDidMount() {
        new Promise(function (resolve, reject) {
            console.log('start new Promise...');
            var timeOut = Math.random() * 2;
            console.log('set timeout to: ' + timeOut + ' seconds.');
            setTimeout(function () {
                if (timeOut < 1) {
                    console.log('call resolve()...');
                    resolve('200 OK');
                }
                else {
                    console.log('call reject()...');
                    reject('timeout in ' + timeOut + ' seconds.');
                }
            }, timeOut * 1000);
        }).then(function (result) {    //这里的参数result就是resolve方法通过参数传出的内容
            console.log('Done: ' + result);
        },function (result) {   //这里的参数result就是reject方法通过参数传出的内容
            console.log('Failed: ' + result);
        });
    }

job1.then(job2).then(job3).catch(handleError);

componentDidMount() {
        // 0.5秒后返回input*input的计算结果:
        function multiply(input) {
            return new Promise(function (resolve, reject) {
                console.log('calculating ' + input + ' x ' + input + '...');
                setTimeout(resolve, 500, input * input);
            });
        }

        // 0.5秒后返回input+input的计算结果:
        function add(input) {
            return new Promise(function (resolve, reject) {
                console.log('calculating ' + input + ' + ' + input + '...');
                setTimeout(resolve, 500, input + input);
            });
        }

        var p = new Promise(function (resolve, reject) {
            console.log('start new Promise...');
            resolve(123);
        });

        p.then(multiply)
            .then(add)
            .then(multiply)
            .then(add)
            .then(function (result) {
                console.log('Got value: ' + result);
            });
    }