Promise的链式调用

最新推荐文章于 2023-11-08 22:15:13 发布

<WRM>

最新推荐文章于 2023-11-08 22:15:13 发布

阅读量172

点赞数

分类专栏： es6 文章标签： es6

本文链接：https://blog.csdn.net/QFREX/article/details/107607345

版权

es6 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

以setTimeout模拟网络请求的过程

        new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve("aaa");
                }, 1000);
            })
            .then((data) => {
                console.log(data);

                return new Promise((resolve, reject) => {
                    setTimeout(() => {
                        resolve(data + "bbb");
                    }, 1000);
                });
            })
            .then((data) => {
                console.log(data);

                return new Promise((resolve, reject) => {
                    setTimeout(() => {
                        resolve(data + "ccc");
                    }, 1000);
                });
            })
            .then((data) => {
                console.log(data);
            });

2.new Promise(resolve => resolve(结果))简写为Promise.resolve()

        new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve("aaa");
                }, 1000);
            })
            .then((data) => {
                console.log(data);

                return Promise.resolve(data + "bbb");
            })
            .then((data) => {
                console.log(data);

                return Promise.resolve(data + "ccc");
            })
            .then((data) => {
                console.log(data);
            });

3.省略Promise.resolve

        new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve("aaa");
                }, 1000);
            })
            .then((data) => {
                console.log(data);

                return data + "bbb";
            })
            .then((data) => {
                console.log(data);

                return data + "ccc";
            })
            .then((data) => {
                console.log(data);
            });