Promise5

作者: 郭的妻 | 来源:发表于2018-06-21 20:35 被阅读1次
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script>
         // 它可以和then的第二个参数一样,用来指定reject的回调
         // 当执行resolve的回调(也就是上面then中的第一个参数)时,
         // 如果抛出异常,那么也不会报错卡死。而是会继续往下执行
         // 还可以添加多个catch ,实现更加精准的异常捕获
    
         // 开始做饭
        function cook() {
            console.log("开始做饭");
            let p= new Promise((resolve,reject) =>{
                setTimeout(()=>{
                    console.log("做饭完毕");
                    resolve("鸡蛋炒饭");
                },1000)
            });
            return p;
        }
        // 开始吃饭
        function eat(data) {
            console.log("开始吃饭"+data);
            let p=new Promise(resolve => {
                setTimeout(()=>{
                    console.log(data+",吃完了");
                    resolve("一双筷子一个碗")
                },2000);
            });
            return p;
        }
        // 开始刷碗
        // function wash(data) {
        //     console.log('开始刷碗:' + data);
        //     let p = new Promise(resolve => {
        //         setTimeout(() => {
        //             console.log(data + ',刷完了');
        //             resolve('干净的碗筷!');
        //         }, 2000);
        //     });
        //     return p;
        // };
        cook()
            .then((data)=>{
                throw new Error("蛋炒饭被打翻了");
                eat(data);
            })
            .catch((err)=>{
                console.log(err);
            })
    </script>
    </body>
    </html>

    相关文章

      网友评论

          本文标题:Promise5

          本文链接:https://www.haomeiwen.com/subject/emgcyftx.html