<script>
 //如何接收回調(diào)地域
        function aaa() {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve(1);
                    console.log("執(zhí)行了aaa");
                }, 2000)
            })
        }
        function bbb() {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve(2);
                    console.log("bbb");
                }, 3000)
            })
        }
        function ccc() {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve(3);
                    console.log("ccc");
                }, 3000)
            })
        }

        function fn1() {
            var sum = 0;
            aaa().then((res) => {//返回promise對象
                sum = sum + res;
                return bbb();
            }).then((res) => {
                sum = sum + res;
                return ccc();
            }).then((res) => {
                sum = sum + res;
                console.log("sum", sum);
                // return sum
            })
        }
        // fn1();

        //promise對象，用于處理多個異步，（傳入的參數(shù)是一個數(shù)組），在所有異步都執(zhí)行完畢才會觸發(fā)，都成功才觸發(fā)
        //比如一個頁面上需要等待多個ajax請求，然后才正常顯示頁面
        //只要有一個失敗則為失敗
        let a = new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve(3);
                console.log("a");
            }, 3000)
        })
        let b = new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve(6);
                console.log("b");
            }, 3000)
        })
        // Promise.all([a, b]).then((result) => {
        //     console.log("result", result);
        // }).catch((err) => {
        //     console.log("err", err);
        // });

        //Promise.race 執(zhí)行時間快執(zhí)行，那個promise執(zhí)行的快，就選哪個
        //不管結(jié)果本身，是成功狀態(tài)還是失敗狀態(tài)，只看執(zhí)行時間
        Promise.race([a, b]).then((res) => {
            console.log("成功了", res);
        }).catch(err => {
            console.log("err", err);
        })
</script>

 <script>
        const p = new Promise((resolve, reject) => {
            //1.創(chuàng)建對象
            const xhr = new XMLHttpRequest();
            //2.初始化
            xhr.open("get", "");
            //3.發(fā)送
            xhr.send();
            //4.綁定事件，處理響應(yīng)結(jié)果
            xhr.onreadystatechange = function () {
                //判斷
                if (xhr.readyState == 4) {
                    //判斷響應(yīng)狀態(tài)碼200-299
                    if (xhr.status >= 200 && xhr.status < 300) {
                        //表示成功
                        resolve(XHR.response);
                    } else {
                        //如果失敗
                        reject(xhr.status)
                    }
                }
            }
        })

        //指定回調(diào)
        p.then(function (value) {
            console.log(value);
        }, function (reason) {
            console.log(reason);
        })
    </script>

<script>
 		//async 返回的是一個promise對象
        // async function fn() {
        //     // return "123"
        //     //如果返回的不是一個promise對象，則返回的就是一個成功的promise對象
        //     //拋出錯誤 返回的是一個失敗的promise對象
        //     // throw new Error('出錯了！')
        //     //返回的結(jié)果是一個promise對象
        //     return new Promise((resolve, reject) => {
        //         resolve('成功的數(shù)據(jù)');//返回的也是promise成功的值
        //         // reject("失敗的內(nèi)容");//返回的也是失敗的neirong
        //     })
        // }
        // const result = fn();
        // result.then(value => {
        //     console.log(value);
        // }, reason => {
        //     console.warn(reason)
        // })
        // console.log(result);

    
        //await 表達式
        //1.await必須寫在async函數(shù)中  2.await右側(cè)的表達式一般為promise對象
        //3.await 返回的是promise成功的值 4.await的promise失敗了，就會拋出異常，需要通過try...catch捕獲處理
        const p = new Promise((resolve, reject) => {
            // resolve("成功的值!");
            reject('失敗啦！');
        })
        //await要放在async函數(shù)中
        async function main() {
            try {
                let result = await p;
                console.log(result);
            } catch (e) {
                console.log(e);
            }

        }
        //調(diào)用函數(shù)
        main();
</script>