promise

Promise:

promise(首字母小写)对象指的是“Promise实例对象”
Promise首字母大写且单数形式,表示“Promise构造函数”
Promises首字母大写且复数形式,用于指代“Promises规范”

Promise是一个构造函数,它可以让异步操作同步执行,可以使用无限.then(.then链)来解决地狱回调,它自身有all,race,reject、resolve这些方法,
all():Promise 的 all 方法提供了并行执行异步操作的能力,并且在所有异步操作执行成功后才执行回调。
race():race 的话只要有一个异步操作执行完毕,就立刻执行 then 回调,其它没有执行完毕的异步操作仍然会继续执行,而不是停止。

   //买作业本  all)()方法
        function cutUp(){
            console.log('挑作业本');
            var p = new Promise(function(resolve, reject){ //做一些异步操作
                setTimeout(function(){
                    console.log('挑好购买作业本');
                    resolve('新的作业本');
                }, 1000);
            });
            return p;
        }

        //买笔
        function boil(){
            console.log('挑笔芯');
            var p = new Promise(function(resolve, reject){ //做一些异步操作
                setTimeout(function(){
                    console.log('挑好购买笔芯');
                    resolve('新的笔芯');
                }, 1000);
            });
            return p;
        }

        Promise.all([cutUp(),boil()]).then(function(results){
            console.log("写作业的工具都买好了");
            console.log(results);
        });
//race()方法
 Promise.race([cutUp(), boil()]).then(function(results){
    console.log("哈哈,我先买好啦");
     console.log(results);
 });

resolve函数的作用:在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;
reject函数的作用:在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。

const promise = new Promise((resolve, reject) => {
    // do something here ...
    if (success) {
        resolve(value); // fulfilled
    } else {
        reject(error); // rejected
    }
});

它的原型上面有then,catch的方法:
then 方法就是把原来的回调写法分离出来,在异步操作执行完后,用链式调用的方式执行回调函数。
它可以和 then 的第二个参数一样,用来指定 reject 的回调

 //买笔
        function buy(){
            console.log("开始买笔");
            var p = new Promise(function(resolve,reject){
                setTimeout(function(){
                    console.log("买了笔芯");
                    resolve("数学作业");
                },1000);
            });
            return p;
        }
        //写作业
        function work(data){
            console.log("开始写作业:"+data);
            var p = new Promise(function(resolve,reject){
                setTimeout(function(){
                    console.log("写完作业");
                    resolve("作业本");
                },1000);
            });
            return p;
        }

        function out(data){
            console.log("开始上交:"+data);
            var p = new Promise(function(resolve,reject){
                setTimeout(function(){
                    console.log("上交完毕");
                    resolve("得分:A");
                },1000);
            });
            return p;
        }
        /* 不建议使用这种方式
        buy().then(function(data){
            return work(data);
        }).then(function(data){
            return out(data);
        }).then(function(data){
            console.log(data);
        });*/

        //推荐这种简化的写法
        buy().then(work).then(out).then(function(data){
            console.log(data);
        });
//catch
function rebuy(){
            console.log("开始买笔");
            var p = new Promise(function(resolve,reject){
                setTimeout(function(){
                    console.log("买笔失败");
                    reject("没带够钱");
                },1000);
            });
            return p;
        }

        function rework(data){
            console.log("开始写作业:"+data);
            var p = new Promise(function(resolve,reject){
                setTimeout(function(){
                    console.log("写完作业");
                    resolve("作业本");
                },1000);
            });
            return p;
        }

        rebuy().then(rework).catch(function(data){
            console.log(data);
        });

Promise有三种状态:
pending 初始状态
fulfilled 成功状态
rejected 失败状态
Promise 这三种状态,只有异步操作的结果可以决定当前是哪一种状态,而且Promise的状态一旦改变,就不会再变
状态只能由 pending变成fulfilled或者由pending变成rejected

你可能感兴趣的:(js)