array.fromasync 是处于 stage 3 的 ecmascript 提案，尚未被任何主流浏览器引擎实现，调用会报“is not a function”；需手动通过 symbol.asynciterator().next() 构建 promise 数组，再用 promise.all 等待结果。
Array.fromAsync 并不是 HTML 的方法，也不是当前任何浏览器原生支持的 Web API。它目前（截至 2024 年中）尚未进入标准规范，也未被 Chrome、Firefox、Safari 任意一个主流引擎实现。
你很可能是在某些提案讨论、实验性 Polyfill 或混淆文档中看到这个名字 —— 它属于 Stage 3 提案 “Array.fromAsync”（ECMAScript proposal），但仍处于草案阶段，不可直接使用。
为什么调用 Array.fromAsync 会报错：“is not a function”
Array.fromAsync 会报错：“is not a function”当你写 Array.fromAsync(asyncIterable) 却得到 TypeError: Array.fromAsync is not a function，根本原因是：该方法根本不存在于当前运行时环境。
-
Array.fromAsync不是 DOM API，和 HTML 无关 - 它是 ECMAScript 提案，目标是为
async iterable（如AsyncGenerator、ReadableStream）提供类似Array.from的同步转换能力 - 所有主流 JavaScript 引擎（V8、SpiderMonkey、JavaScriptCore）均未启用该 API，即使开启实验性 flag 也无法使用
替代方案：手写等效逻辑（兼容所有环境）
要将异步可迭代对象（如 async function*()、ReadableStream.values()）转为 Promise[]（注意：不是等待后的值数组，而是 Promise 实例数组），你需要手动遍历并收集每个 next() 返回的 Promise。
关键点：for await...of 是消费值，不是构造 Promise；你要的是「触发但不 await」的 Promise 链。
- 正确做法是用
iterable[Symbol.asyncIterator]().next()反复调用，每次返回一个Promise - 把每个
.next()调用结果 push 到数组，就得到了 Promise 数组 - 注意：这不会执行异步迭代器内部逻辑，直到你 await 这些 Promise
async function asyncIterableToPromiseArray(asyncIterable) {
const iterator = asyncIterable[Symbol.asyncIterator]();
const promises = [];
let result;
<p>do {
result = iterator.next();
promises.push(result);
} while (!(await result).done);</p><p>return promises;
}</p><p>// 示例：来自 AsyncGenerator
async function* gen() {
yield Promise.resolve(1);
yield Promise.resolve(2);
}
const promises = await asyncIterableToPromiseArray(gen()); // [Promise, Promise]
</p>
⚠️ 注意：上面函数返回的是 Promise 数组，但实际执行依赖迭代器内部逻辑是否惰性 —— 某些实现（如 ReadableStream）在 next() 被调用时才拉取 chunk。
常见误用：把 Array.from 和 await 混搭
Array.from 和 await 混搭有人尝试这样写：
const values = await Array.from(asyncIterable); // ❌ 报错或返回空/意外结果
这是无效的：Array.from 是同步方法，无法识别 async iterable，也不会自动 await。多数情况下它会回退到 Symbol.iterator（不存在则返回空数组），或抛出 TypeError。
-
Array.from只认Symbol.iterator，不认Symbol.asyncIterator -
await作用于整个Array.from(...)调用，但里面没 Promise，所以无意义 - 若想得到「解析后的值数组」，应先转 Promise 数组，再
await Promise.all(promises)
真正落地时，最常被忽略的一点是：异步可迭代对象的“启动时机”由 next() 调用触发，而非创建时。这意味着你收集的 Promise 数组本身不执行副作用，只有当你 await 其中某个或全部时，迭代器才会推进 —— 这和直觉可能相反，但正是可控并发的关键。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
