Promise.all() 是一个常用的 JavaScript Promise API，它可以同时处理多个 Promise 对象，并在这些对象都 resolve 后，统一返回一个 resolve 结果数组。然而，在实际开发中，我们可能会遇到一些非 Promise 变量，如普通变量、数组、对象等数据类型。Promise.all() 在处理这些非 Promise 变量时，需要进行一些特殊的处理，本篇文章将详细介绍这些非 Promise 变量处理的方法。
Promise.all() 的基本用法
先来简单回顾一下 Promise.all() 的基本用法:
-- -------------------- ---- ------- ----- -------- - ------------------- ----- -------- - ------------------- ----- -------- - ------------------- ---------------------- --------- ---------------------- -- - -------------------- -- ------- --- -- -- -------------- -- - ------------------- ---
Promise.all() 接收一个 Promise 数组作为参数，然后返回一个新的 Promise 对象。这个新的 Promise 对象在所有的 Promise 都 resolve 后，返回一个包含所有 resolve 结果的数组。如果其中有任意一个 Promise reject，那么整个 Promise.all() 都会返回一个 reject 结果。
处理非 Promise 变量
处理普通变量
如果 Promise.all() 的参数包含一个普通的变量，那么这个变量会被当做一个 Promise 对象来处理，即先通过 Promise.resolve() 转换成一个 Promise 对象，然后再参与 Promise.all() 运算。
-- -------------------- ---- ------- ----- -------- - ------------------- ----- ----- - -- ----- -------- - ------------------- ---------------------- ------ ---------------------- -- - -------------------- -- ------- --- -- -- -------------- -- - ------------------- ---
以上代码中，Promise.all() 接收的参数数组包含了一个普通的变量 value，但这个变量在 Promise.all() 运算中被转换成了一个 Promise 对象。
处理数组
如果 Promise.all() 的参数是一个数组，那么这个数组在 Promise.all() 运算中会变成一个包含多个 Promise 对象的新数组。
-- -------------------- ---- ------- ----- -------- - ------------------- ----- ----- - --- -- ----------- -- ----------------------- ---------------------- ---------------------- -- - -------------------- -- ------- --- -- -- -- -------------- -- - ------------------- ---
以上代码中，数组 [2, 3, 4] 在使用 map() 方式转换成了一个包含多个 Promise 对象的新数组，然后这个新数组参与了 Promise.all() 运算。
处理对象
如果 Promise.all() 的参数是一个对象，那么这个对象会被转换成一个数组，数组的元素是对象的属性值，并且这些属性值首先会被当做 Promise 对象进行处理。
-- -------------------- ---- ------- ----- -------- - ------------------- ----- --- - - ----- ------------------- ----- ------------------ -- ---------------------- ----------------------------------- -- - -------------------- -- ------- --- -- -- -------------- -- - ------------------- ---
以上代码中，对象 obj 在使用 Object.values() 方法转换成了一个包含多个 Promise 对象的新数组，然后这个新数组参与了 Promise.all() 运算。
总结
通过以上的实践，我们可以看到，在使用 Promise.all() 时，我们可以灵活处理多种数据类型，包括普通变量、数组、对象等。在处理非 Promise 变量时，我们需要注意将这些变量转换成 Promise 对象，并参与 Promise.all() 运算。
为了更好的掌握 Promise.all() 的使用方法，建议多做一些练习和实践，加深自己的理解。同时，我们也可以在实践中结合其他的 Promise API，并且结合实际开发场景和业务需求，从而达到更加高效和优雅的代码编写。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649f970848841e9894bf1c46