promise常用的api

最新推荐文章于 2023-12-05 19:35:58 发布
最新推荐文章于 2023-12-05 19:35:58 发布
阅读量261 收藏
点赞数
分类专栏： javaScript学习 文章标签： javascript es6 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Kobeloveu/article/details/121015935
版权

promise.all():传递多个参数，成功之后，接受value 为数组，一旦有一个promise对象失败，会调用失败原因，不会返回其他函数执行结果

promise.reject() :直接调用失败函数

promise.resolve() 直接调用成功函数

promise.rece()：传递多个promise参数，只返回第一个执行结束的参数。

Promise常用API方法
PengK_aha的博客
12-12 1013
Promise常用API方法
Promise常用API
weixin_37722222的博客
09-04 1662
Promise 的常用 API 如下： Promise.resolve(value) 类方法，该方法返回一个以 value 值解析后的 Promise 对象 1、如果这个值是个 thenable（即带有 then 方法），返回的 Promise 对象会“跟随”这个 thenable 的对象，采用它的最终状态（指 resolved/rejected/pending/settled） 2、如果传入...
Promise的几个扩展API总结
weixin_33721427的博客
02-13 204
Promise的几个扩展API总结 1. Promise.none 描述： 和 Promise.all 相反，当所有的promise被拒绝之后，none方法执行完成的决议，如果存在一个promise执行完成的决议，none方法则执行拒绝 code： Promise.none = function(promises) { ret...
Promise 常用API
李刚的学习专栏
05-19 3491
1. Promise#thenpromise.then(onFulfilled, onRejected);示例：Promise#thenvar promise = new Promise(function(resolve, reject) { resolve("传递给then的值"); }); promise.then(function(value) { console.log(va
promise 的 API
NXZ13419918873的博客
12-05 877
Promise.prototype.then : 实例方法，为 Promise 注册回调函数，函数形式：fn(vlaue){}，value 是上一个任务的返回结果，then 中的函数一定要 return 一个结果或者一 个新的 Promise 对象，才可以让之后的 then 回调接收。Promise.race ：类方法，多个 Promise 任务同时执行，返回最先执行结束的 Promise 任务的结果，不管这个 Promise 结果是成功还是失败。
Promise-Api:Promise基础使用
05-24
Promise-Api Promise基础使用 fs文件，数据库操作 Promise支持链式调用，解决回调地狱 Promise实例化需要接收一个函数，函数必须有两个形参resolve解决,reject拒绝,Promise包裹一个异步函数 两个形参都是函数类型的...
Promise：工作流程、常见API、使用方法、手撕Promise、async/await
weixin_42044763的博客
12-28 2969
Promise指定回调函数的方式更加灵活，且支持链式调用，可以解决回调地狱的问题。回调地狱：回调函数嵌套调用，外部回调执行结果是内部函数执行的条件，不便于阅读且不便于异常处理，解决方式就是promise（或async/await）
JS中promise化微信小程序api
10-18
通过使用Promise化微信小程序API，开发者可以将异步的API调用转化为返回Promise对象的函数调用，使得代码的异步逻辑更接近于同步代码的书写方式，大大提高了代码的可读性和可维护性。 在微信小程序中，使用Promise...
g微信小程序实践（一）用Promise 封装API
03-29
为什么使用Promise如果新接触 Promise 的话，在网上能找到很多介绍 Promise 及其使用的文章（比如：ECMAScript 6 入门 / Promise 对象），这里就不赘述了，简而言之就是用来处理异步调用的一大利器。微信小程序的API...
Promise常用API介绍
qq_52788258的博客
11-13 2952
1.Promise构造函数: Promise (excutor){} 2.Promise.prototype.then方法:(onResolved, onRejected) =>{} 3.Promise.prototype.catch方法:(onRejected)=>{} 4.Promise.resolve方法: (value) =>{} 5.Promise.reject方法: (reason) =>{} 6.Promise.all方法:(promises)=> {} 7.Promise.race 方法
Promise的api整理
混世小妲己
01-04 338
参考：https://www.cnblogs.com/Alisa-k/p/12672870.html 参考： https://www.jianshu.com/p/7e60fc1be1b2
Promise常用的API
weixin_45630345的博客
08-09 359
1.实例方法 p.then() 得到异步任务的正确结果 p.catch() 获取异常信息 p.finally() 成功与否都会执行 //用法 .then(function(data){ console.log(data); }) .catch(function(data){ console.log(data); }) .finally(function(){ console.log('finished'); }); //举例 function foo() { return n
常用的promise API
初郁
03-08 4485
Promise构造函数: Promise (excutor) {} excutor函数: 同步执行 (resolve, reject) => {} resolve函数: 内部定义成功时我们调用的函数 value => {} reject函数: 内部定义失败时我们调用的函数 reason => {} 说明: excutor会在Promise内部立即同步回调,异步操作在执行器中执行 Promise.prototype.then方法: (onResolved, onRejected) ..
了解 Promise 常用 API
qq_36437172的博客
11-04 626
1.Promise.resolve 2.Promise.all 3.new Promise((resolve, reject) => {}) 4. return new Promise((resolve, reject) => {}) const a = () => Promise.resolve(true) console.log(a()) let result = Promise.all([a()]) result.then(r => console.log(r).
Promise学习（二）：常用 API
激洪的博客
04-19 465
Promise 常用 API
Promise常用api
weixin_45846427的博客
07-04 219
一catch的用法 与Promise对象方法then方法并行的一个方法就是catch,与try catch类似，catch就是用来捕获异常的，也就是和then方法中接受的第二参数rejected的回调是一样的 function pro() { let p = new Promise((resolve, reject) => { setTimeout(() => { var num = Math.c
Promise学习（二）一篇文章带你快速了解Promise中的常用API
min的博客
07-25 1166
Promise常用的API，以及一些新增的API方法，Promise 构造函数，Promise.prototype.then，Promise.prototype.catch，Promise.resolve，reject，all，race，any，allSettled，Promise.prototype.finally，
Promise API
weixin_30563917的博客
11-17 139
Promise API 刚刚接触promise这个东西，网上看了很多博客，大部分是讲怎么用Promise，丝毫没提怎么实现Promise。 我不甘 心，可是真去看JQuery或者AngularJs中Promise的源码又觉得云里雾里。于是就想自己先试试能不能实习Promise的API， 然后再看源码深入学习。 （因为我觉得别人就算再怎么聪明，也不可能跳出Javascript的...
promise常用api有哪些
最新发布
04-02
<think>好的，用户现在问的是“Promise常用API有哪些”。首先，我需要确定用户对Promise的了解程度。可能用户已经有一定的JavaScript基础，但想更系统地了解Promise的相关方法。用户可能是在开发中遇到了异步处理的问题，或者想要优化现有的异步代码结构。 接下来，我需要回忆Promise的核心API。首先想到的是Promise构造函数，then、catch、finally这些实例方法。然后是静态方法，比如Promise.all、Promise.race、Promise.allSettled、Promise.any，还有Promise.resolve和Promise.reject。 用户可能想知道每个API的用途和基本用法，所以需要给出清晰的解释和示例。比如，Promise.all用于处理多个并行异步操作，当所有都成功时返回结果数组，有一个失败就整体失败。而Promise.race则是谁先完成就返回谁的结果，无论成功还是失败。 还要注意区分不同方法的适用场景。例如，Promise.allSettled在需要知道所有Promise的结果时使用，不管成功或失败。而Promise.any则是取第一个成功的Promise，这在需要至少一个成功的情况下很有用。 另外，用户可能对错误处理比较关注，所以需要强调catch和finally的作用。catch用于捕获链式调用中的错误，而finally无论成功失败都会执行，适合做清理工作。 还要考虑用户可能对较新的方法（如Promise.any）不太熟悉，需要给出兼容性说明，比如ES2021引入，可能需要polyfill。 最后，总结这些API的使用场景，帮助用户根据实际需求选择合适的方法。确保内容结构清晰，分点说明，每个方法都有示例代码，方便用户理解和应用。</think>以下是 JavaScript Promise 的常用 API 及其核心用法详解： --- ### 一、构造函数 #### 1. `new Promise(executor)` ```javascript const promise = new Promise((resolve, reject) => { // 异步操作 setTimeout(() => resolve('成功'), 1000) }) ``` - **作用**：创建 Promise 对象 - **参数**：executor 函数包含 `resolve` 和 `reject` 两个参数 - **特点**：立即执行 executor 函数 --- ### 二、实例方法 #### 1. `.then(onFulfilled, onRejected)` ```javascript promise.then( value => console.log(value), // 成功回调 error => console.error(error) // 失败回调（可选） ) ``` - **作用**：处理 Promise 的完成/拒绝状态 - **链式调用**：返回新 Promise 对象 - **示例**：`fetch(url).then(res => res.json())` #### 2. `.catch(onRejected)` ```javascript promise.catch(error => { console.error('捕获错误:', error) }) ``` - **本质**：`.then(null, onRejected)` 的语法糖 - **最佳实践**：建议在链式调用末尾统一处理错误 #### 3. `.finally(onFinally)` ```javascript promise.finally(() => { console.log('无论成功失败都会执行') }) ``` - **特点**： - 不接收任何参数 - 总会执行 - 返回原始 Promise 对象 --- ### 三、静态方法 #### 1. `Promise.resolve(value)` ```javascript Promise.resolve(42) // 创建立即解决的 Promise .then(v => console.log(v)) // 输出 42 ``` - **等效写法**：`new Promise(resolve => resolve(value))` - **特殊处理**：如果参数是 Promise 对象，则直接返回该对象 #### 2. `Promise.reject(reason)` ```javascript Promise.reject(new Error('失败')) .catch(err => console.log(err.message)) // 输出 "失败" ``` #### 3. `Promise.all(iterable)` ```javascript const promises = [ fetch('/api1'), fetch('/api2'), fetch('/api3') ] Promise.all(promises) .then(results => { console.log('所有请求完成:', results) }) .catch(err => { console.log('某个请求失败:', err) }) ``` - **特点**： - 全部成功时返回结果数组 - 任意失败立即拒绝 - 保持结果顺序与输入一致 #### 4. `Promise.race(iterable)` ```javascript const timeout = new Promise((_, reject) => { setTimeout(() => reject('超时'), 5000) }) Promise.race([fetch('/api'), timeout]) .then(data => console.log('及时响应')) .catch(err => console.log('超时或错误')) ``` - **特点**：取第一个完成（成功/失败）的 Promise 结果 #### 5. `Promise.allSettled(iterable)` (ES2020) ```javascript Promise.allSettled(promises) .then(results => { results.forEach((result, index) => { if (result.status === 'fulfilled') { console.log(`Promise ${index} 成功:`, result.value) } else { console.log(`Promise ${index} 失败:`, result.reason) } }) }) ``` - **特点**：等待所有 Promise 完成（无论成功/失败） - **输出结构**：对象数组包含 `status`、`value`/`reason` #### 6. `Promise.any(iterable)` (ES2021) ```javascript Promise.any(promises) .then(firstSuccess => { console.log('首个成功的 Promise:', firstSuccess) }) .catch(err => { console.log('全部失败:', err.errors) }) ``` - **特点**： - 取第一个成功的 Promise - 全部失败时返回 `AggregateError` --- ### 四、进阶用法 #### 1. 组合使用示例 ```javascript // 超时控制 + 错误重试 function fetchWithRetry(url, retries = 3) { return new Promise((resolve, reject) => { const attempt = n => { fetch(url) .then(resolve) .catch(err => { if (n > 0) attempt(n - 1) else reject(err) }) } attempt(retries) }) } ``` #### 2. 取消 Promise 模式 ```javascript function cancelablePromise(promise) { let isCanceled = false const wrappedPromise = new Promise((resolve, reject) => { promise.then( value => !isCanceled && resolve(value), error => !isCanceled && reject(error) ) }) return { promise: wrappedPromise, cancel() { isCanceled = true } } } ``` --- ### 五、兼容性注意 | 方法 | 支持版本 | |--------------------|---------------| | `.finally()` | ES2018 | | `Promise.allSettled()` | ES2020 | | `Promise.any()` | ES2021 | --- ### 六、最佳实践 1. **错误冒泡**：使用 `catch` 统一处理错误 2. **状态不可逆**：Promise 状态一旦改变不可撤回 3. **避免嵌套**：使用链式调用替代嵌套 Promise 4. **性能优化**：合理使用 `Promise.all` 进行并行操作 5. **内存管理**：及时处理未使用的 Promise 引用 掌握这些 API 可以显著提升异步代码的可读性和可维护性，建议结合 `async/await` 语法使用效果更佳。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值