开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么Promise.all().then()仍然使输出同步？

Promise.all().then()仍然使输出同步的原因是因为Promise.all()方法返回的是一个新的Promise对象，该Promise对象会在所有传入的Promise对象都变为resolved状态后才会变为resolved状态。而.then()方法是在Promise对象变为resolved状态后执行的回调函数，因此.then()方法中的代码会在所有传入的Promise对象都变为resolved状态后才会执行。

具体来说，Promise.all()方法接收一个由多个Promise对象组成的数组作为参数，并返回一个新的Promise对象。这个新的Promise对象会在数组中的所有Promise对象都变为resolved状态后才会变为resolved状态，或者在数组中的任何一个Promise对象变为rejected状态后立即变为rejected状态。

当Promise.all()方法返回的新的Promise对象变为resolved状态后，.then()方法中的回调函数会被添加到微任务队列中，等待执行。由于微任务队列中的任务会在当前任务执行完毕后立即执行，因此.then()方法中的回调函数会在当前任务执行完毕后立即执行，即使.then()方法在代码中的位置在Promise.all()方法之后。

总结起来，Promise.all().then()仍然使输出同步是因为Promise.all()方法返回的新的Promise对象会在所有传入的Promise对象都变为resolved状态后才会变为resolved状态，而.then()方法中的回调函数会在新的Promise对象变为resolved状态后立即执行。

相关搜索:Python:为什么print语句和subprocess.call()输出不同步？为什么Promise.all中的承诺仍然悬而未决？为什么我会得到运行时错误？代码仍然给出了正确的输出为什么我的loc()函数的输出仍然显示我试图过滤掉的值？为什么我的代码没有删除重复的节点？我的输出仍然是12311 为什么我的限制不适用于if语句，因为当我明确告诉它不要让NA通过时，它仍然输出NA 为什么此链接即使在注销(或使会话无效)后仍然有效？js file取得图片大小 js input输入框校验 js regex.test

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

细说JS异步发展历程

知其然知其所以然，首先了解三个概念： 1.什么是同步？所谓同步，就是在发出一个"调用"时，在没有得到结果之前，该“调用”就不返回。但是一旦调用返回，就得到返回值了。...3.JavaScript 中为什么需要异步？首先我们知道JavaScript是单线程的(即使新增了webworker，但是本质上JS还是单线程)。同步代码意味着什么呢？...那么我们看看Promise是如何解决回调地狱问题的，仍然以上文的readFile 为例(先读取A文本内容，再根据A文本内容读取B再根据B的内容读取C)。...的方法，对于这个需求，我们可以使用 Promise.all 来实现。...2; t.next(3); //b输出3; t.next(4); //c输出4; t.next(5); //d输出5; 为了让大家更好的理解上面代码是如何执行的，我画了一张图，分别对应每一次的next

2.3K2 1

停止在 JavaScript 中使用 Promise.all()

{ console.log('被拒绝，原因如下：', result.reason) } }) }) ------控制台输出...------ // 输出 // 成功取得值：成功 1 // 因为原因被拒绝：错误 2 // 成功取得值：成功 3 它通常用于处理不互相依赖的异步操作，你想知道每一个的结果。...为什么 Promise.allSettled() 更出色总的来说，使用 Promise.allSettled() 而不是 Promise.all() 在大多数常见情况下都有其优势：全面的结果信息如果...增强的用户体验通常，为用户提供必要的部分结果和错误通知要比使用某些通用消息使整个操作失败更好。Promise.allSettled() 使这种方法易于实施。...展示 Promise.allSettled() 和 Promise.all() 的不同之处：场景一：数据同步和错误处理假设我们数据同步任务，需要从多个外部数据源获取数据并进行处理。

861 0

Promise.all的深入理解「建议收藏」

目前有两种答案：应该是同步执行的，但是这样就有效率问题了，如果想改成异步执行怎么办呢？有些人认为结果是按顺序执行的，有些人认为结果顺序不确定。...但是根据结果来说，它们是异步的，互相之间并不阻塞，每个任务完成时机是不确定的，尽管如此，所有任务结束之后，它们的结果仍然是按顺序地映射到resultList里,这样就能和Promise.all里的任务列表...深入理解Promise.all() *可能看到这里有些人没有清楚，为什么返回一个数组？...通过输出结果我们能够看出返回的数组内的数据都为undefined。我们就要找出这个原因，那就是找到了为什么要使用箭头函数。...(results) { //then方法不会被执行 console.log(results); }).catch(function (e){ //catch方法将会被执行，输出结果为

1.2K1 0

promise.all和promise.race

bug收集：专门解决与收集bug的网站网址：www.bugshouji.com 今天为大家分享下：Promise 中的 all 与 race 两个方法 01 promise.all 方法 Promise.all...值得注意的是，返回的数组结果顺序不会改变，即使P2的返回要比P1的返回快，顺序依然是P1，P2 示例1：如果参数中包含非 promise 值，这些值将被忽略，但仍然会被放在返回数组中（如果 promise...([p1, p2, p3]).then(values => { console.log(values); // [3, 1337, "foo"] }); 示例2：Promise.all 的异步和同步...Promise.all 当且仅当传入的可迭代对象为空时为同步， var p = Promise.all([]); // will be immediately resolved var p2 = Promise.all...empty setTimeout(function(){ console.log('the stack is now empty'); console.log(p); }); // 输出结果

4892 0

转：用 Async 函数简化异步代码

这两个例子事实上做的事是相同的：在 asynchronousOperation 完成之后，赋值给 val，然后进行输出并返回结果。...ES2015 规范中提供了 Promise.all()，就是用来干这个事情的。...() ]); vals.forEach(console.log.bind(console)); return vals; } 这里就算使用了 Promise.all，代码仍然很清楚。...如果你不捕捉被创建为错误的拒绝，你会看到一个运行时错误，不过如果你只是使用一个字符串，会失败却不会有输出。...{ var file = await getFileAsync(fileName); return parse(file); }) ); } 你看到它的时候会觉得理所当然，即便如此，仍然需要小心这种情况

6141 0

Salesforce Javascript(一) Promise 浅谈

这让异步方法可以像同步方法那样返回值，但并不是立即返回最终执行结果，而是一个能代表未来出现的结果的promise对象。...方法中我们声明了一个Promise，在函数中，调用了 resolve，为了模拟异步操作，使用定时器模拟一下，然后调用 then函数去打印输出。...上图中我们还截图了Promise的方法，Promise原型的方法返回的仍然是 Promise，有三个方法可供选择：then/ catch/ finally。举个例子更好的了解。...上传到 static resource以后，如何引入使之在lwc中有效呢？下面的步骤展示如何加载css或者js资源的步骤。 1....Promise.all方法详情可以查看上面的连接。我们只需要 renderedCallback调用 Promise.all即可。

7252 0

2024年2月前端资讯动态：JSR新仓库革新及Set方法等全新特性

然而，尽管包管理器领域经历了诸如yarn、pnpm等诸多创新，包仓库领域的创新却相对较少，仍然以npm仓库为核心。而JSR的出现，正是为了在这一领域带来新的变革。..., 20, 25] console.log(ages); // 输出: [10, 15, 20, 25] （原数组未改变） 为什么选择 Array.prototype.with() 在之前，我们可能需要使用...Promise.allSettled()：在一个数据同步任务中，你需要尝试从多个数据源同步数据，即使某些源失败了，你也希望知道哪些成功了，哪些失败了，以进行相应的处理。...: "二" }); 通过这些集合方法，JavaScript 开发者可以更加灵活和有效地处理多个异步操作，使代码更加简洁和可维护。...这就是为什么Tempo这样的日期和时间库变得尤为重要。

1771 0

停止在 JavaScript 中使用 Promise.all()

() 当同时处理多个 promises 时，你可以利用内置的 Promise.all([]) 方法。...result.value); } else { console.error('因为原因被拒绝：', result.reason); } }); }); //输出...为什么 Promise.allSettled() 更出色总的来说，使用 Promise.allSettled() 而不是 Promise.all() 在大多数常见情况下都有其优势：全面的结果信息如果...增强的用户体验通常，为用户提供必要的部分结果和错误通知要比使用某些通用消息使整个操作失败更好。Promise.allSettled() 使这种方法易于实施。...总结总之，Promise.all() 在某些情况下可能很有价值，但 Promise.allSettled() 为大多数场景提供了更灵活和更有韧性的方法。

1161 0

38 - AsyncAwait: 常见的错误

意外的使代码同步 async/await 最大的为题在于 await 很容易被滥用，我们多数情况下是系统代码异步执行使得代码更高效。...我们使用 Promise.all 与 async/await 一起使得代码更高效： const sayGreeting = (name, time) => { return new Promise...([a, b, c, d, e]); // all promises in promise.all console.log(greeting1, greeting2, greeting3...我们 await 这个 Promise.all 而不是独立的 promise； 4. Promise.all 同时执行所有的 promise ，并等待所有结果返回并赋值给对应的变量； 5....打印输出。希望可以提高你使用 async/await 的能力。

4103 0

Promise.all在统计WebHDFS时的使用

Promise.all 只会在所有传给他的 Promise 都 resolve 了之后才会 resolve，如果其中的一个 reject 了，那么 Promise.all 后面的 then 就不会被执行...，catch 会被执行这样的话，一旦某个小时的日志请求失败了(reject)，那么.then里的操作就没法执行了，如何让 Promise.all 坦然面对失败呢？...有一天有100个人来找你办业务，你有两种选择：同步操作：让这100个人排好队，一个办完再办下一个。...异步操作：把写好标号的100张便利贴发给这100个人，让他们再返还给你，你根据便签上写的业务，异步来办理，最后把办理好的结果，按序号排好，给办理人 Promise.all就是你，Promise.all...尽管如此，所有任务结束之后，它们的结果仍然是按顺序地映射到resultList里，这样就能和Promise.all里的任务列表[asyncTask(1),asyncTask(2),asyncTask(3

1.3K3 0

10分钟了解JavaScript AsyncAwait

Async / Await是一个备受期待的JavaScript功能，它使异步函数的使用更加愉快和易于理解。它构建在Promises之上，并与所有现有的基于Promise的API兼容。...// Promise function getJSON(){ // 为了使函数阻塞，我们手动创建一个Promise。...要同时发送所有请求，需要Promise.all（）。这将确保执行后面函数之前我们仍然拥有所有结果，但异步调用将并行触发，而不是一个接一个地触发。...async function getABC() { // Promise.all（）允许我们同时发送所有请求。...编写类似于常规同步函数的异步代码的能力将受到初学者和经验丰富的编码人员的青睐。

1.8K4 0

ES6之Promise

为什么 JS 是单线程的？作为浏览器脚本语言，JavaScript 的主要用途是与用户互动，以及操作 DOM 。这决定了它只能是单线程，否则会带来很复杂的同步问题。...同步：只有前一个任务执行完毕，才能执行后一个任务异步：当同步任务执行到某个 WebAPI 时，就会触发异步操作，此时浏览器会单独开线程去处理这些异步任务。...关于同步任务和异步任务忘深点去讲就是一次脚本执行后会按照顺序执行完成所有同步任务，而后所有异步任何会进入Event Queue, 按照Event Loop运行规则进行一次一次Loop取出任务进行线程执行...回调地狱，代码难以维护，常常第一个的函数的输出是第二个函数的输入这种现象promise可以支持多个并发的请求，获取并发请求中的数据这个promise可以解决异步的问题，本身不能说promise是异步的...Promise.all() > Promise.all 生成并返回一个新的 Promise 对象，所以它可以使用 Promise 实例的所有方法。

7162 0

初识Promise

有了Promise对象，就可以将异步操作以同步操作的流程表达出来。避免了层层嵌套的回调。此外Promise对象还对外提供了统一的接口，使控制异步操作更加容易。...我们来分析下运行结果： promise一旦被创建，就会立即执行，那么代码同步执行，首先就会输出Promise，接下来就会输出Promise Over;因为Promise一系列的操作(then、catch...，最后执行setTimeout，输出Hello World。...Promise.all Promise.all方法是将多个Promise实例包装成一个新的Promise实例。...所有上面的代码，结果会输出12。

5121 0

使用图解和例子解释Await和Async

对于这样一个简单的例子，我们最终得到了2个嵌套的回调函数，并且必须使用Promise.all来同步并发Promise。如果我们不得不再运行一些异步操作或添加错误处理怎么办？...Promise.all。...它只能用于async功能，并允许我们同步等待Promise。...如果我们在async函数之外使用Promise，我们仍然需要使用回调函数： async function f(){ // response will evaluate as the resolved...catch(err => console.log(err)) 这通过已知的异常处理机制使我们方便地处理被拒绝的Promise。讨论 Async/await是一种对Promise的语言上的补充。

1.4K2 0

回调地狱解决方案之Promise

为什么出现Promise 在javascript开发过程中，代码是单线程执行的，同步操作，彼此之间不会等待，这可以说是它的优势，但是也有它的弊端，如一些网络操作，浏览器事件，文件等操作等，都必须异步执行...我的理解： Promise使回调函数可以规范的链式调用 Promise原理与讲解原理 Promise的三种状态 pending：进行中 fulfilled :执行成功 rejected ：执行失败...promise =Promise.resolve("hello world"); promise.then(function(result){ console.log(result); //输出结果...Promise.all(常用api) 多个promise需要执行的时候，可以使用promise.all方法统一声明，该方法可以将多个Promise对象包装成一个Promise。...); 代码分析： promise.all对多有执行结果做一个包装传给了then promise.all中的执行顺序是怎么样的，Promise的执行顺序是从被创建开始的，也就是在调用all的时候，==所有的

1.3K3 0

JavaScript 错误处理大全【建议收藏】

例如，你可能想要在栈中传播异常，使程序完全崩溃。当发生致命的错误，需要更安全地停止程序而不是处理无效数据时，你可能需要这样做。...介绍了基础知识之后，现在让我们将注意力转向同步和异步 JavaScript 代码中的错误和异常处理。同步错误处理同步代码通常很简单，它的错误处理也是如此。...所有操作都同步进行。...Promise.all 中的错误处理静态方法 Promise.all 接受一个 Promise 数组，并返回所有解析 Promise 的结果数组： const promise1 = Promise.resolve...在这一点上，我们可以：简单地把错误对象输出到日志。引发异常。将错误传递给另一个回调。

6.3K5 0

35 - Promises:链式、错误处理和运算符

这也是为什么最后两个打印没有执行。 catch 操作符并不总是必须添加到最后，它可以添加到链式的中间然后可以捕获到它那个位置之前的错误。...; // continues the chain }) .then((data) => { console.log(data); // Eliu }) 注意： 为什么不一直使用...Promise.all 使我们可以同时执行多个异步操作，但依旧需要等到它们都完成了才执行回调。...这种方式执行耗费 2 秒，链式的形式则耗费 8 秒来输出四个名字。数组中输出顺序是严格与输入 Promise.all 中的顺序是一致的。...注意： Promise.all 中即使有一个错误产生，整个结果都会失败。

4143 0

探讨一下 To C 营销页面服务端渲染的必要性及其原理

CSR渲染方式为什么就不合适了呢？...看了下面一小节，也许你就有答案了 为什么服务端渲染就比客户端渲染快呢？我们分别来对比一下两者的DOM渲染过程。...以Node适⽤的⽅式处理动态导⼊， // 并且还会在编译Vue组件时告知`vue-loader`输出⾯向服务器代码。...而且也将服务端的最新store同步到客户端的store中。...__INITIAL_STATE__同步到store内部，完成数据模型的状态同步。

1.3K1 0

关于 JavaScript 错误处理的最完整指南(下半部)

同样，无论Promise.all的结果如何运行函数，finally 都会被执行： Promise.all([promise1, promise2, promise3]) .then(results...从异步生成器函数返回的迭代器对象也具有throw()方法，非常类似于其同步副本。...catch(reason => console.error(reason.message)); Node 中的错误处理 Node 中的同步错误处理 Node.js 中的同步错误处理与到目前为止所看到的并没有太大差异...对于同步，使用 try/catch/finally 就可以很好的工作了。...; } try { readDataset("not-here.txt"); } catch (error) { console.error(error.message); } 如果我们不想使程序崩溃

2.2K2 0

如何更好的编写async函数

在async/await支持度还不是很高的时候，大家都会选择使用generator/yield结合着一些类似于co的库来实现类似的效果 async函数代码执行是同步的，结果返回是异步的 async函数总是会返回一个...Promise的实例这点儿很重要所以说调用一个async函数时，可以理解为里边的代码都是处于new Promise中，所以是同步执行的而最后return的操作，则相当于在Promise中调用resolve...getNumber()') return 1 } getNumber().then(_ => console.log('resolved')) console.log('done') // 输出顺序...setTimeout(_ => resolve(uid), 1000) }) } await getUsersInfo() 这样的执行好像并没有什么问题，我们也会得到1、2、3三条log的输出...为什么在使用Generator+co时没有这个问题在使用koa1.x的时候，我们直接写yield [].map是不会出现上述所说的串行问题的看过co源码的小伙伴应该都明白，里边有这么两个函数（删除了其余不相关的代码

1.2K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭