首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript Promise

所谓Promise,字面上可以理解为“承诺”,就是说A调用B,B返回一个“承诺”给A,然后A就可以在写计划的时候这么写:当B返回结果给我的时候,A执行方案S1,反之如果B因为什么原因没有给到A想要的结果...”转到“完成”态或者“拒绝”态,不能逆向转换,同时“完成”态和“拒绝”态不能相互转换 promise必须实现then方法(可以说,then就是promise的核心),而且then必须返回一个promise...其次是then的实现,由于Promise要求then必须返回一个promise,所以在then调用的时候会新生成一个promise,挂在当前promise的_next上,同一个promise多次调用都只会返回之前生成的...标准的Promise 可参考html5rocks的这篇文章JavaScript Promises,目前高级浏览器如Chrome、Firefox都已经内置了Promise对象,提供更多的操作接口,比如Promise.all...但Promise也只是解决了回调的深层嵌套的问题,真正简化JavaScript异步编程的还是Generator,在Node.js端,建议考虑Generator。

1.2K20

JavaScript Promise(上)

Promise 是一个 ECMAScript 6 提供的类,目的是更加优雅地书写复杂的异步任务。...以下是 Promise 浏览器支持的情况: Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55 构造 Promise 现在我们新建一个 Promise...对象: new Promise(function (resolve, reject) { // 要做的事情... }); 通过新建一个 Promise 对象好像并没有看出它怎样 "更加优雅地书写复杂的异步任务...现在我们用 Promise 来实现同样的功能: 实例 new Promise(function (resolve, reject) { setTimeout(function () {...Promise 的使用 下面我们通过剖析这段 Promise "计时器" 代码来讲述 Promise 的使用: Promise 构造函数只有一个参数,是一个函数,这个函数在构造之后会直接被异步运行,所以我们称之为起始函数

22910

JavaScript执行——Promise

它们是两个函数,由JavaScript引擎提供,不用自己部署。...原因则是Promise属于JavaScript引擎内部任务,而setTimeout则是浏览器API,而引擎内部任务优先级高于浏览器API任务,所以有此结果。...async函数对 Generator 函数的改进,async 函数必定返回 Promise,我们把所有返回 Promise 的函数都可以认为是异步函数。...特点体现在以下四点: 内置执行器 更好的语义 更广的适用性 返回值是 Promise await   顾名思义,等待。正常情况下,await命令后面是一个 Promise 对象,返回该对象的结果。...如果不是 Promise 对象,就直接返回对应的值。另一种情况是,await命令后面是一个thenable对象(即定义then方法的对象),那么await会将其等同于 Promise 对象。

63320

JavaScript手写PromisePromise.then()、Promise.all()、Promise.race()

then方法返回一个新的Promise实例,为了在Promise状态发生变化时再执行then里的函数,我们使用一个callbacks数组先把传给then的函数暂存起来,等状态改变时再调用 那么,怎么保证后一个...,在这个resolve里会依次调用callbacks里的回调,这样就执行了then里的方法 启后:上一步中,当then里的方法执行完成后,返回一个结果,如果这个结果是个简单的值,就直接调用新Promise...如果返回的结果是个Promise,则需要等它完成之后再出发新Promise的resolve,所以可在其结果的then里调用新Promise的resolve then(onFulfilled, onReject...break; } }); }; 注意: 连续多个then里的回调方法是同步注册的,但注册到了不同的callbacks数组中,因为每次then都返回新的...接口的对象作为参数 这个方法返回一个新的Promise对象 遍历传入的参数,用Promise.resolve()将参数“包一层”,使其变成一个Promise对象 参数所有回调成功才是成功,返回值数组与参数顺序一致

93310

JavaScript Promise (期约)

永远都不应该依赖于不同 Promise 间回调的顺序和调度。 # 回调未调用 没有任何东西(甚至 JavaScript 错误)能阻止 Promise 通知它的决议(如果它决议了的话)。...# 未能传递参数 / 环境值 Promise 至多只能有一个决议值(完成或拒绝)。 如果没有用任何值显式决议,那么这个值就是 undefined,这是 JavaScript 常见的处理方式。...如果在 Promise 的创建过程中或在查看其决议结果过程中的任何时间点上出现了一个 JavaScript 异常错 误,比如一个 TypeError 或 ReferenceError ,那这个异常就会被捕捉...Promise 甚至把 JavaScript 异常也变成了异步行为,进而极大降低了竞态条件出现的可能。 # 是可信任的 PromisePromise 并没有完全摆脱回调。...Promise 作为它们的返回值。

44030

重学JavaScript Promise API

在这篇教程中,我们将掌握如何在JavaScript中创建并使用Promise。我们将了解Promise链式调用、错误处理以及最近添加到语言中的一些Promise静态方法。 什么是Promise?...在JavaScript中,一些操作是异步的。这意味着当这些操作完成时,它们产出的结果或者值并不会立即生效。 Promise是一个特殊的JavaScript对象,它代表了异步操作的最终结果。...Zakas 正如我们看到的,通过返回从第二个 fetch 调用返回Promise,服务器的响应 (res) 在下面的 then 中可用。...更多Promise方法 到此为止,我们已经对JavaScript Promise有了一个很好的基本了解,但在结束之前,我们需要注意各种Promise实用方法。...() Promise.any()返回第一个状态为fulfilled的Promise的值。

13120

JavaScript中的Promise

这让异步方法可以像同步方法那样返回值,但并不是立即返回最终执行结果,而是一个能代表未来出现的结果的promise对象 2.作用 1、主要用于异步计算。...这个新的promise对象在触发成功状态以后,会把一个包含iterable里所有promise返回值的数组作为成功回调的返回值,顺序跟iterable的顺序保持一致;如果这个新的promise对象触发了失败状态...绑定的相应句柄,并返回promise对象。...如果该值是thenable(即,带有then方法的对象),返回Promise对象的最终状态由then方法执行决定;否则的话(该value为空,基本类型或者不带then方法的对象),返回Promise...对象解析完毕后,返回一个新的promise对象。

1.1K20

javascript异步与promise

我们说处理javascript异步最常用的方式就是通过回调函数,对于回调函数我们昨天对此做了介绍 简单快速, 我们一般使用嵌套回调或者链式回调,会产生以下问题 当采用嵌套回调时,会导致层级太多,不利于维护...promise解决了哪些异步回调出现的问题。...什么是promise 我们来看一个场景,有助于我们了解promise 设想一下这个场景,我去KFC,交给收银员10元,下单买一个汉堡,下单付款。...) 回调函数调用过早 调用过早就是将异步函数作为同步处理了, 我们之前说过,javascript以单线程同步的方式执行主线程,遇到异步会将异步函数放入到任务队列中, 当主线程执行完毕,会循环执行任务队列中的函数...const promise = new Promise((resolve, reject) => reject('失败啦')) promise.then(null, s => console.log

88540

javascript异步之Promise.all()、Promise.race()、Promise.finally()

今天我们继续讨论promise 网络上关于PromiseAPI使用的文章多如牛毛,为了保持javascript异步系列文章的完整性,现在对promise的API进行简单全面的介绍 准备工作 我在easy-mock...错啦'); }) p1,p2,p3都是返回promise实例,Promise.all不关心他们的执行顺序,如果他们都返回成功的状态,Promise.all则返回成功的状态,输出一个数组,...如果有一个返回失败(reject),Promise.all则返回失败(reject)的状态,此时第一个被reject的实例的返回值,会传递给P的回调函数。...三个promise实例参数之间是“与”的关系,全部成功,Promise.all就返回成功,有一个失败,Promise.all就返回失败 换个角度说,一个promise的执行结果依赖于另外几个promise...,用法和Promise.all类似,对应参数的要求和Promise.all相同,传入一个数组作为参数,参数要返回一个Promise实例 race就是竞争的意思,数组内的Promise实例,谁执行的快,就返回谁的执行结果

2.3K30

【Kotlin 协程】Flow 异步流 ① ( 以异步返回返回多个返回值 | 同步调用返回多个值的弊端 | 尝试在 sequence 中调用挂起函数返回多个返回值 | 协程中调用挂起函数返回集合 )

文章目录 一、以异步返回返回多个返回值 二、同步调用返回多个值的弊端 三、尝试在 sequence 中调用挂起函数返回多个返回值 四、协程中调用挂起函数返回集合 一、以异步返回返回多个返回值 ----...在 Kotlin 协程 Coroutine 中 , 使用 suspend 挂起函数 以异步的方式 返回单个返回值肯定可以实现 , 参考 【Kotlin 协程】协程的挂起和恢复 ① ( 协程的挂起和恢复概念...| 协程的 suspend 挂起函数 ) 博客 ; 如果要 以异步的方式 返回多个元素的返回值 , 可以使用如下方案 : 集合 序列 Suspend 挂起函数 Flow 异步流 二、同步调用返回多个值的弊端...---- 如果要 以异步方式 返回多个返回值 , 可以在协程中调用挂起函数返回集合 , 但是该方案只能一次性返回多个返回值 , 不能持续不断的 先后 返回 多个 返回值 ; 代码示例 : package...// 调用 " 返回 List 集合的挂起函数 " , 并遍历返回值 runBlocking { listFunction().forEach

8.2K30
领券