ES学习笔记(16)--promise对象的使用（许诺）

转载于 2018-10-16 09:54:59 发布 · 92 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000016703300

本文通过一个日常生活中的例子，展示了如何使用Promise模式来替代传统的多层嵌套回调，从而简化代码结构，提高代码的可读性和可维护性。

promise

在多层嵌套回调时，写完的代码层次过多，很难进行维护和二次开发

洗菜做饭。
坐下来吃饭。
收拾桌子洗碗。

正确

        let state = 1;

        function step1(resolve, reject) {
            console.log("1.洗菜做饭");
            if (state == 1) {
                resolve("洗菜做饭完成")
            } else {
                reject("洗菜做饭--出错")
            }
        }

        function step2(resolve, reject) {
            console.log("2.坐下来吃饭");
            // state = 3;
            if (state == 1) {
                resolve("坐下来吃饭完成")
            } else {
                reject("坐下来吃饭--出错")
            }
        }

        function step3(resolve, reject) {
            console.log("3.收拾桌子洗碗");
            if (state == 1) {
                resolve("收拾桌子洗碗完成")
            } else {
                reject("收拾桌子洗碗--出错")
            }
        }
                new Promise(step1).then(
            function (val) {
                console.log(val);
                return new Promise(step2)
            }
        ).then(function (val) {
            console.log(val);
            return new Promise(step3)
        }).then(
            function (val) {
                console.log(val);
                return val
            }
        )