ES6学习笔记（Promise）

喜欢ヅ旅行 2022-05-16 07:05 200阅读 0赞

Promise对象用于表示一个异步操作的最终状态（完成或失败）以及其返回的值。

#### 1.回调 ####

如果不使用Promise，在函数的一层层调用中，需要多层嵌套，这样在需求变动时，修改代码会有非常大的工作量。但是使用Promise，可以让代码通过then的关键字排成一种链式结构，如果要修改嵌套的逻辑，只要修改then的顺序就可以实现。

function f() {
        return new Promise(resolve => {
            setTimeout(function () {
                resolve();
            },1000);
        })
    }
    f()
        .then(function () {
            console.log(1);
            return f();
        })
        .then(function () {
            console.log(2);
            return f();
        })
        .then(function () {
            console.log(3);
            return f();
        })
        .then(function () {
            console.log(4);
            return f();  //如果要将打印3和4的顺序进行替换，只需要修改then后方法的顺序
        });

#### 2.错误处理 ####

###### resolve、reject ######

如果成功则执行resolve方法，如果失败则执行reject方法

function f(val) {
        return new Promise((resolve,reject) => { if (val){ resolve(); } else { reject(); } }) } f(false) .then(() => { console.log('成功！'); },() => { console.log('失败！'); });

###### catch捕获异常 ######

返回失败的情况下，后面的函数不会再被执行，只有catch方法可以捕获异常

function f(val) {
        return new Promise((resolve,reject) => { if (val){ resolve(); } else { reject(); } }) } f(true) .then(() => { console.log('成功！'); return f(false) }) .then(() => { console.log("永远不会被输出"); }) .catch(() =>{ console.log("失败!"); });

###### finally ######

无论前面的函数执行成功或失败，finally一定会被执行

function f(val) {
        return new Promise((resolve,reject) => { if (val){ resolve(); } else { reject(); } }) } f(true) .then(() => { console.log('成功！'); return f(false) }) .then(() => { console.log("永远不会被输出"); }) .catch(() =>{ console.log("失败!"); }) .finally(() =>{ console.log("一定会被执行！"); });

发表评论取消回复

表情：

评论列表（有 0 条评论，200人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6学习笔记（9）——Promise对象

Promise对象 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

落日映苍穹つ/ 2022年11月27日 05:26/ 0 赞/ 137 阅读

相关学习笔记——ES6中Promise对象详解

-------------------- > 在ES6中有一个重要的对象Promise，可以被new使用。代表了未来将要发生的事，用来描述异步操作的结果。其函数内部往往会包括

港控/mmm°/ 2022年11月21日 09:44/ 0 赞/ 171 阅读

相关 ES6基础5（Promise）-学习笔记

文章目录 ES6基础5（Promise）-学习笔记 Promise 三个状态状

Bertha 。/ 2022年10月19日 05:37/ 0 赞/ 165 阅读

相关 ES6 Promise对象的学习笔记

Promise的含义 Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一

秒速五厘米/ 2022年07月14日 14:59/ 0 赞/ 174 阅读

相关 ES6 Promise对象的学习笔记

Promise的含义 Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一

╰+哭是因爲堅強的太久メ/ 2022年07月14日 14:59/ 0 赞/ 163 阅读

相关 es6 Promise

传统实现异步操作就是采用回调函数，回调函数方式本身没有什么问题，但是在多重回调层层嵌套的情况下，那么代码的可阅读性就会出现问题。 Promise对象是一个新的异步操作解决方

曾经终败给现在/ 2022年06月09日 14:45/ 0 赞/ 239 阅读

相关 ES6学习笔记12 Promise

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通

矫情吗；*/ 2022年05月21日 13:42/ 0 赞/ 193 阅读

相关 ES6学习笔记（Promise）

Promise对象用于表示一个异步操作的最终状态（完成或失败）以及其返回的值。 1.回调如果不使用Promise，在函数的一层层调用中，需要多层嵌套，这样在需求变动时

喜欢ヅ旅行/ 2022年05月16日 07:05/ 0 赞/ 201 阅读

相关 ES6 Promise笔记

promise含义 `Promise` 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了

雨点打透心脏的1/2处/ 2021年09月16日 20:34/ 0 赞/ 363 阅读

相关 ES6学习笔记(六)【promise，Generator】

简介在ES6以前,我们处理异步操作只能使用回调函数 ES6中新增了几种书写异步代码的解决方案,promise是最常用的一种正文 Promise是一个构造函数

骑猪看日落/ 2021年06月26日 16:06/ 0 赞/ 426 阅读