JavaScript中如何详细解析Promise执行流程?

更新于
2026-09-24 17:54:53
3阅读来源:SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1645个文字,预计阅读时间需要7分钟。

JavaScript中如何详细解析Promise执行流程?

目录 + 构造函数 + then 和 catch 方法 + 解决异步问题 + all 和 race 方法 + 构造函数 + 首先我们来了解一下,我们是如何使用 Promise 的,我们在实例化对象时是这样使用的: let p1=new Promise((resolve, reject)=> { let ... });

目录
  • 构造函数
  • then 和 catch方法
  • 解决异步问题
  • all和race方法

构造函数

首先我们来看一下我们是如何使用promise的,我们在实例化对象是这么使用的:

let p1 = new Promise((resolve, reject) => { let random = Math.floor(Math.random() * 10); if (random > 4) { resolve('sucess') } else { reject('erro') } })

所以我们在创建我们自己的类要考虑到如何使用这个参数。

我们来看一下, new Promise 的时候传了一个回调函数,在这个回调函数中的代码应该是被立即执行的。

而在这个回调函数中,还带有这两个参数resolve和reject(也是回调函数)。

所以在我们的构造函数中,应该是有这两个函数resolve和reject(暂时先不管这两个函数是做什么的)。

阅读全文

本文共计1645个文字,预计阅读时间需要7分钟。

JavaScript中如何详细解析Promise执行流程?

目录 + 构造函数 + then 和 catch 方法 + 解决异步问题 + all 和 race 方法 + 构造函数 + 首先我们来了解一下,我们是如何使用 Promise 的,我们在实例化对象时是这样使用的: let p1=new Promise((resolve, reject)=> { let ... });

目录
  • 构造函数
  • then 和 catch方法
  • 解决异步问题
  • all和race方法

构造函数

首先我们来看一下我们是如何使用promise的,我们在实例化对象是这么使用的:

let p1 = new Promise((resolve, reject) => { let random = Math.floor(Math.random() * 10); if (random > 4) { resolve('sucess') } else { reject('erro') } })

所以我们在创建我们自己的类要考虑到如何使用这个参数。

我们来看一下, new Promise 的时候传了一个回调函数,在这个回调函数中的代码应该是被立即执行的。

而在这个回调函数中,还带有这两个参数resolve和reject(也是回调函数)。

所以在我们的构造函数中,应该是有这两个函数resolve和reject(暂时先不管这两个函数是做什么的)。

阅读全文