Promise.all可以接受所有非promise元素的数组吗？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

《你不知道的JavaScript》：ES6 Promise API 详解

这个回调是同步的或者立即调用的。这个函数又接受两个函数回调参数，用以支持promise的决议。...如果完成或拒绝回调中抛出异常，返回的promise是被拒绝的。如果任意一个回调返回非Promise、非thenable的立即值，这个值就会被用作返回promise的完成值。...对Promise.all([...])来说，只有传入的所有promise都完成，返回promise才能完成。...如果有任何promise被拒绝，返回的主promise就会立即被拒绝(并且会抛弃任何其他promise的结果)。如果完成的话，就会得到一个数组，其中包含传入的所有promise的完成值。...// 42 }) .catch(function(err){ console.log(err); }) // 如果完成的话，就会得到一个数组，其中包含传入的所有promise的完成值

1K5 0

Promise all方法

Promise.all方法Promise.all方法接收一个Promise对象数组，并返回一个新的Promise对象。...当传入的所有Promise对象都成功完成时，新的Promise对象将被标记为已完成，并将一个包含所有结果的数组作为其结果值；如果其中任何一个Promise对象被标记为失败，则新的Promise对象将被标记为失败...通过.then()方法，我们可以在所有Promise对象都成功完成时获取到一个包含所有结果的数组，并输出结果；通过.catch()方法，我们可以捕获任何一个Promise对象失败的情况，并输出失败的原因...Promise.all方法的特点Promise.all方法具有以下特点：如果传入的可迭代对象中有任何一个元素不是Promise对象，则会将其视为已完成的Promise对象，并将其值包装在一个新的Promise...当传入的所有Promise对象都成功完成时，新的Promise对象将被标记为已完成，并将一个包含所有结果的数组作为其结果值。

6043 0

您找到你想要的搜索结果了吗？

是的

没有找到

Promise 毁掉地狱

Promise.race 接受一个 Promise 数组，返回这个数组中最先被 resolve 的 Promise 的返回值。...URL 被取完，最后再使用 Promise.all 来处理所有图片完成后的回调。...=> { console.log(item ** 2) }) // > 1 // > 4 // > 9 普通版本我们是可以直接这么输出的，但是如果遇到了Promise // 获取数组元素求平方后的值...== 0) 我们可以直接在内部调用map方法，因为我们知道map会将所有的返回值返回为一个新的数组。这也就意味着，我们map可以拿到我们对所有item进行筛选的结果，true或者false。...：其实换一种角度考虑，every就是一个反向的some some会在获取到第一个true时终止而every会在获取到第一个false时终止，如果所有元素均为true，则返回true 我们要判定数组中元素是否全部大于

2.3K2 0

前端常见20道高频面试题深入解析

实现 Promise.all 方法在实现 Promise.all 方法之前，我们首先要知道 Promise.all 的功能和特点，因为在清楚了 Promise.all 功能和特点的情况下，我们才能进一步去写实现...Promise.all 功能 Promise.all(iterable) 返回一个新的 Promise 实例。...Promise.all 的特点 Promise.all 的返回值是一个 promise 实例如果传入的参数为空的可迭代对象， Promise.all 会同步返回一个已完成状态的 promise 如果传入的参数中不包含任何...Promise.all 返回的 promise 的状态如果传入的参数中的 promise 都变成完成状态， Promise.all 返回的 promise 异步地变为完成。...promise 的完成状态的结果都是一个数组 Promise.all 实现 17.

1.5K3 0

javascript之Promise对象知识点整理

Promise的then方法: ? then方法提供一个供自定义的回调函数，若传入非函数，则会忽略当前then方法。回调函数中会把上一个then中返回的值当做参数值供当前then方法调用。...，当请求到数据，并且commit之后，我们就额可以resolve()了，这样，就可以在then中执行获取所有内容的方法了。...Promise的then方法（Promise.prototype.then()）按文章开头处的说明，主要需要注意三点: 上一个then中传入了回调函数吗？上一个then中提供了返回值吗?...const p = Promise.all([p1, p2, p3]); 上面代码中，Promise.all方法接受一个数组作为参数，p1、p2、p3都是 Promise 实例，如果不是，就会先调用下面讲到的...(Promise.all方法的参数可以不是数组，但必须具有 Iterator 接口，且返回的每个成员都是 Promise 实例。)

8911 0

谈谈ES6语法（汇总中篇）

1, 2, 3] 有这么一个需求：将数组[[2, 8], [2], [[4, 6], 7, 6]]转成一维且元素不重复的数组。...Object.entries(obj): 方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值对数组。...正因为这样, WeakSet 对象是无法被枚举的, 没有办法拿到它包含的所有元素。...()方法（其不接受任何参数）用于指定不管Promise对象最后状态如何，都会执行的操作。...const p = Promise.all([p1, p2, p3]); 上面代码中，Promise.all方法接受一个数组作为参数，p1, p2, p3都是Promise实例。

9682 0

20道前端高频面试题（附答案）

Promise.all和Promise.race的区别的使用场景（1）Promise.all Promise.all可以将多个Promise实例包装成一个新的Promise实例。...Promise.all中传入的是数组，返回的也是是数组，并且会将进行映射，传入的promise对象返回的值是按照顺序在数组中排列的，但是注意的是他们执行的顺序并不是按照顺序的，除非可迭代对象为空。...需要注意，Promise.all获得的成功结果的数组里面的数据顺序和Promise.all接收到的数组顺序是一致的，这样当遇到发送多个请求并根据请求顺序获取和使用数据的场景，就可以使用Promise.all...（4）race()race方法和all一样，接受的参数是一个每项都是promise的数组，但是与all不同的是，当最先执行完的事件执行完之后，就直接返回该promise对象的值。...是数组吗？

5924 0

高级前端二面面试题

例如：文件传输（准确高要求高、但是速度可以相对慢）、接受邮件、远程登录。UDP应用场景：效率要求相对高，对准确性要求相对低的场景。...使用浏览器缓存，有以下优点：减少了服务器的负担，提高了网站的性能加快了客户端网页的加载速度减少了多余网络数据传输Promise.all和Promise.race的区别的使用场景（1）Promise.all...Promise.all可以将多个Promise实例包装成一个新的Promise实例。...Promise.all中传入的是数组，返回的也是是数组，并且会将进行映射，传入的promise对象返回的值是按照顺序在数组中排列的，但是注意的是他们执行的顺序并不是按照顺序的，除非可迭代对象为空。...需要注意，Promise.all获得的成功结果的数组里面的数据顺序和Promise.all接收到的数组顺序是一致的，这样当遇到发送多个请求并根据请求顺序获取和使用数据的场景，就可以使用Promise.all

6724 0

JavaScript 中用于异步等待调用的不同类型的循环

await 关键字在 Promise 之前使用，它使 JavaScript 等待，直到 Promise 解决，然后返回其结果。1.For循环传统的 for 循环是迭代一系列元素的最直接的方法。...For…Of 循环for...of 循环是一种更现代的方法，特别适合迭代可迭代对象，例如数组或字符串。它更干净，并且可以与 async/await 无缝协作。...3.forEach方法虽然 .forEach() 是一种流行的迭代数组元素的方法，但它不能直接与 async/await 配合使用，因为 .forEach() 不会等待 Promise 解决。...{ array.forEach(async (item) => { await someAsyncFunction(item); });}在这种情况下，几乎同时而不是顺序地为所有数组元素调用...将 Promise.all 与循环一起使用对于想要并行运行异步操作然后等待所有异步操作完成的场景，Promise.all 是理想的选择。

3.4K0 0

京东前端高频面试题合集

说一下类组件和函数组件的区别?1. 语法上的区别：函数式组件是一个纯函数，它是需要接受props参数并且返回一个React元素就可以了。...还可以通过给左侧变量数组设置空占位的方式，实现对数组中某几个元素的精准提取：const [a,,c] = [1,2,3]通过把中间位留空，可以顺利地把数组第一位和最后一位的值赋给 a、c 两个变量： 2...解决：父元素position改为absolute或static；元素没有设置position属性为非static属性。...Promise实例5、finally方法不管Promise状态如何都会执行，该方法的回调函数不接受任何参数6、Promise.all()方法将多个多个Promise实例，包装成一个新的Promise实例...，该方法接受一个由Promise对象组成的数组作为参数(Promise.all()方法的参数可以不是数组，但必须具有Iterator接口，且返回的每个成员都是Promise实例)，注意参数中只要有一个实例触发

7532 0

每日两题 T12

•不相交：每个 seq[i] 只能分给 A 和 B 二者中的一个，不能既属于 A 也属于 B 。•A 或 B 中的元素在原字符串中可以不连续。...对象（p），接受一个数组（p1,p2,p3）作为参数，数组中不一定需要都是Promise对象，但是一定具有Iterator接口，如果不是的话，就会调用Promise.resolve将其转化为Promise...使用Promise.all()生成的Promise对象（p）的状态是由数组中的Promise对象（p1,p2,p3）决定的； 1.如果所有的Promise对象（p1,p2,p3）都变成fullfilled...Promise.all()方法生成的Promise对象也会有一个catch方法来捕获错误处理，但是如果数组中的Promise对象变成rejected状态时，并且这个对象还定义了catch的方法，那么rejected...的对象会执行自己的catch方法，并且返回一个状态为fullfilled的Promise对象，Promise.all()生成的对象会接受这个Promise对象，不会返回rejected状态。

8161 0

promise.all和promise.race

可以将多个实例组装成一个新的实例，成功的时候返回一个成功数组，失败的时候则返回最先被reject失败状态的值比如：当一个页面需要在很多个模块的数据都返回回来时才正常显示，否则loading let wake...值得注意的是，返回的数组结果顺序不会改变，即使P2的返回要比P1的返回快，顺序依然是P1，P2 示例1：如果参数中包含非 promise 值，这些值将被忽略，但仍然会被放在返回数组中（如果 promise...1337, "foo"] }); 示例2：Promise.all 的异步和同步 Promise.all 当且仅当传入的可迭代对象为空时为同步， var p = Promise.all([]); // will...3：Promise.all 的快速返回失败行为 Promise.all 在任意一个传入的 promise 失败时返回失败。...答案：会 promise.catch子句可以捕获错误，那么catch里的错误可以捕获吗。答案：不会 ---- 苟有恒 , 何必三更眠五更起

7372 0

JavaScript Promise (期约)

Promise.resolve() 可以接受任何 thenable，将其解封为它的非 thenable 值。...# Promise 模式 # Promise.all([]) Promise.all([]) 需要一个参数，是一个数组，通常由 Promise 实例组成。...从 Promise.all([]) 调用返回的 promise 会收到一个完成消息。这是一个由所有传入 promise 的完成消息组成的数组，与指定的顺序一致（与完成顺序无关）。...这个 promise 的决议完全由传入的 promise 数组控制。对 Promise.all([ ]) 来说，只有传入的所有 promise 都完成，返回 promise 才能完成。...如果有任何 promise 被拒绝，返回的主 promise 就立即会被拒绝（抛弃任何其他promise 的结果）。如果完成的话，会得到一个数组，其中包含传入的所有 promise 的完成值。

1.1K3 0

前端面试复习计划，保熟～

Promise实例5、finally方法不管Promise状态如何都会执行，该方法的回调函数不接受任何参数6、Promise.all()方法将多个多个Promise实例，包装成一个新的Promise实例...，该方法接受一个由Promise对象组成的数组作为参数(Promise.all()方法的参数可以不是数组，但必须具有Iterator接口，且返回的每个成员都是Promise实例)，注意参数中只要有一个实例触发...，该函数接受1-3个参数currentValue: 数组中正在处理的当前元素index(可选): 数组中正在处理的当前元素的索引array(可选): forEach() 方法正在操作的数组 thisArg...返回值：数组中有至少一个元素通过回调函数的测试就会返回 true；所有元素都没有通过回调函数的测试返回值才会为 false。...是数组吗？

1.5K4 0

JavaScript的异步编程之Promise

(err) // 嘿嘿，这就是错误的理由 }) Promise.all 接收一个数组，这些元素都是一个Promise对象，这个方法会返回一个全新的Promise对象，当内部所有Promise的都完成之后...这个时候Promise.all返回的Promise对象拿到的结果是一个数组，这个数组中包含了每一个Promise返回的结果。...值得注意的是只有数组中的所有Promise都成功了结束了，Promise.all返回的Promise对象才会成功结束。...与 Promise.all方法一样也是接收一个数组，这些元素都是一个Promise对象，这个方法会返回一个全新的Promise对象，但是与Promise.all方法不同的是Promise.all是等待所有任务的结束而结束...，而Promise.race就是以第一个结束的Promise而结束 Promise.allSettled 与 Promise.all、Promise.race方法一样也是接收一个数组，这些元素都是一个Promise

9197 0

2023前端面试知识点总结_2023-02-24

原型 JavaScript中的对象都有一个特殊的 prototype 内置属性，其实就是对其他对象的引用几乎所有的对象在创建时 prototype 属性都会被赋予一个非空的值，我们可以把这个属性当作一个备用的仓库...实例，该方法接受一个由Promise对象组成的数组作为参数(Promise.all()方法的参数可以不是数组，但必须具有Iterator接口，且返回的每个成员都是Promise实例)，注意参数中只要有一个实例触发...,该方法没有返回值,是否会改变原数组取决与数组元素的类型是基本类型还是引用类型 map()方法不会改变原数组的值,返回一个新数组,新数组中的值为原数组调用函数处理之后的值： Promise.all 描述...：所有 promise 的状态都变成 fulfilled，就会返回一个状态为 fulfilled 的数组(所有promise 的 value)。...then方法接受的参数是函数，而如果传递的并非是一个函数，它实际上会将其解释为then(null)，这就会导致前一个Promise的结果会传递下面。 PWA使用过吗？

9982 0

京东前端常考面试题（附答案）

Promise.all和Promise.race的区别的使用场景（1）Promise.all Promise.all可以将多个Promise实例包装成一个新的Promise实例。...Promise.all中传入的是数组，返回的也是是数组，并且会将进行映射，传入的promise对象返回的值是按照顺序在数组中排列的，但是注意的是他们执行的顺序并不是按照顺序的，除非可迭代对象为空。...需要注意，Promise.all获得的成功结果的数组里面的数据顺序和Promise.all接收到的数组顺序是一致的，这样当遇到发送多个请求并根据请求顺序获取和使用数据的场景，就可以使用Promise.all...语法：arr.forEach(callback(currentValue [, index [, array]])[, thisArg])参数：callback：为数组中每个元素执行的函数，该函数接受1...返回值：数组中有至少一个元素通过回调函数的测试就会返回 true；所有元素都没有通过回调函数的测试返回值才会为 false。

1.4K2 0

【ES】ES2021 我学不动了，这次只学 3 个。

从字面意思来看，相信聪明的你应该能大致猜出这个 API 的作用。Promise.any 接受一个 Promise 的数组。...如果所有的 Promise 都拒绝（reject），则返回一个拒绝的 Promise，该 Promise 的返回值是一个 AggregateError 对象。...都被拒绝了 } ); 这个有什么具体的场景吗？...好东西，有一个问题，这个和Promise.all 好像呀没错，我们可以把这两个一起记忆，我们可以把 Promise.any 理解成 Promise.all 的相反操作。...将 Promise.all的 reject当做是Promise.any的 resolve ，最后一个呢？先考你一个问题，1000000000 这是多少？

2971 0

这次聊聊Promise对象

Promise是CommonJS提出的一种规范，在ES6中已经原生支持Promise对象，非ES6环境可以用Bluebird等库来支持。 0.引入在js中任务的执行模型有两种：同步模式和异步模式。...Promise是一个用于处理异步操作的对象，可以将回调函数写成链式调用的写法，让代码更优雅、流程更加清晰，让我们可以更合理、更规范地进行异步处理操作。...（即Promise对象的状态变为rejected时调用） }); 1.4 catch() 用于处理操作异常的程序，catch()只接受一个参数 //catch() promise.catch((error....catch((error)=> { //处理操作失败后的业务 }); 1.5 all() 接受一个数组作为参数，数组的元素是Promise实例对象。...这时使用Promise.all()，等到所有接口都请求成功了，它才会进行操作。

2.6K56 0

因为实现不了Promise.all，一场面试凉凉了

非Promise对象，非thenable对象 Promise.resolve(1).then(console.log) // 1 // 2....所有的Promise都成功了 const p11 = Promise.all([ p1, p2, p3 ]) .then(console.log) // [ 1, 2, 3 ] .catch...有两个Promise失败了，可以看到最终输出的是err4，第一个失败的返回值 const p13 = Promise.all([ p1, p4, p5 ]) .then(console.log)...显然Promise.all(其只要是一个失败了，结果即进入失败状态)不太适合，所以有了Promise.allSettled Promise.allSettled()方法接受一个数组作为参数，数组的每个成员都是一个...只有等到参数数组的所有 Promise 对象都发生状态变更（不管是fulfilled还是rejected），返回的 Promise 对象才会发生状态变更,一旦发生状态变更，状态总是fulfilled，不会变成

6623 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭