前端开发最浪漫的技巧------promise(承诺)

最新推荐文章于 2024-03-05 16:45:08 发布

清华池校友

最新推荐文章于 2024-03-05 16:45:08 发布

阅读量458

点赞数 2

文章标签： javascript node.js api

本文链接：https://blog.csdn.net/m0_61036418/article/details/120404429

版权

Promise 是 ES6 引入的一种处理异步操作的新方式，用于优化前端开发中的异步操作，如 AJAX 和 Node.js 文件读取。本文详细介绍了 Promise 的概念、状态变化、then() 和 catch() 方法的使用，以及如何通过链式调用和 async/await 语法简化异步代码。重点讲解了 Promise 的状态转换及其对链式调用的影响。

摘要由CSDN通过智能技术生成

在漫漫历史长河中,许多文人墨客对于承诺这个概念有着很多的见解,也留下了很多脍炙人口的篇章,如"君子一言驷马难追",《诗经·邶风·击鼓》中有着一段"死生契阔，与子成说。执子之手，与子偕老。"直至今日依然为世人传颂.

ES6时代,javascript提出了一个新的构造器"promise(承诺)",这掷地有声的名称背后也是前端开发中非常重要的一个语法.

一.什么是promise

promise是ES6提出的一种新语法,一个新的构造器,用于优化实现异步操作。

二.如何使用

1.语法格式

 //实例化创建promist对象
  let promise = new Promise((resolve, reject) => {
    //形参resolve与reject可以改变当前的状态
    resolve("我成功了");
    // reject('我失败了')
  });
  //观察promise对象
  console.log(promise);
  //兑现承诺
  promise
    .then((res) => {
      //当状态PromiseState从pending变化为resolved时触发.即成功
      //形参res是resolve承诺的值
      console.log(res);
    })
    .catch((err) => {
      //当状态PromiseState从pending变化为rejected时触发.即失败
      //形参err是reject承诺的值
      console.log(err);
    })
    .finally(() => {
      //不管成功与否,这个函数都会执行
      console.log("我都会执行");
    });