Promise用法

1.概述

Promise是一步编程的一种解决方案，从语法上讲，promise是一个对象，从它可以获取异步的问题

Promise的优点：

可以避免多次异步调用嵌套导致的回调地域

提供了简洁的api，使得控制异步变得简单更加容易

详细promise使用规则https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise

 

2.使用

实例化Promise对象，构造函数中传递参数，该函数用于传递异步任务

resolve和reject两个参数用于 处理成功和失败的两种情况，并通过p.then获取处理结果

代码实列：

  var p = new Promise(function (resolve, reject) {
            //用于实现异步任务
            setTimeout(function () {
                var flag = true
                if (flag) {
                    resolve('成功')
                } else {
                    reject('失败')
                }
            })
        },1000)
        p.then(function (success) {
            //这里面是成功了要执行的操作
            console.log(success);
        },
            function (error) {
                //这里面是失败了要进行的操作
                console.log(error);
            })

3.使用Promise发送Ajax请求

先封装一个函数，可以重复调用。

 //     })

        function P(url) {

            var p = new Promise(function (resolve, reject) {

                var xhr = new XMLHttpRequest()

                xhr.open('get', url, true)

                xhr.onreadystatechange = function (res, req) {

                    if (req.status === 200) {

                        resolve(req.responseText)

                    } else {

                        reject('错误')

                    }

                }

                xhr.send()

            })

        }

        var URL = "api地址";

        P(URL).then(function onFulfilled(value) {

            console.log(value);

        }).catch(function onRejected(error) {

            console.log(error);

        });

 4.Promise的实列方法

p.then()得到异步任务的正确结果

p.catch（）获取异常信心

p.finally（）无论正确还是错误都会执行（不是正式版本）

  P().then(function (data) {
            console.log(data);
        })
        P().catch(function (data) {
            console.log(data);
        })
        p().finally(function (data) {
            console.log(data);
        })

5.Promise的对象方法

Promise.all()并发处理多个任务，所有任务都执行完成才能得到结果

Promise.race()并发处理多个异步任务，只要有一个任务完成就能得到结果

all用法

 var a=p(url1)
        var b=P(url2)
        var c=P(url3)
        Promise.all([a,b,c]).then(function(data){
            console.log(data);
        })

控制台得到的data是三个实列都执行完成后才会输出log

race用法

  var a = p(url1)
        var b = P(url2)
        var c = P(url3)
        Promise.race([a, b, c]).then(function (data) {
            console.log(data);
        })

其中只要有一个实列执行完成后就会输出log，用法跟all相同，只不过执行条件不同