Array.of 是 ES6 引入的无歧义数组创建方法，始终将所有参数视为元素，解决 Array(5) 被误解释为长度而非元素的历史缺陷，填补动态构造数组的语义空白。
Array.of 是 ES6（2015）引入的数组创建方法，它的出现不是凭空新增功能，而是为了解决 JavaScript 长期以来在数组构造上的一个关键设计缺陷——Array 构造函数对单个数字参数的歧义处理。
Array 构造函数的“历史包袱”
从 ECMAScript 3 起，new Array() 和 Array() 就存在两种行为模式：
- 传入多个参数或非数字参数时：按字面意思创建含这些元素的数组，如
Array('a', 'b')→['a', 'b']，Array(null)→[null] - 但只传一个数字参数时：它被解释为 数组长度，而非元素，如
Array(5)→ 长度为 5 的稀疏数组（[empty × 5]），Array(0)→ 空数组
这种不一致让开发者极易踩坑。比如想动态创建 [id]，却因 id = 100 写成 Array(id)，结果得到一个百位空数组，而非预期的单元素数组。
ES5 时代的临时补救方案
在 Array.of 出现前，开发者常用以下方式规避问题：
立即学习“Java免费学习笔记（深入）”；
-
[value]：最简单，但仅适用于已知单值场景，不支持动态参数列表 -
Array.prototype.slice.call(arguments)或[].slice.call(arguments)：用于函数内收集参数转数组，写法冗长且依赖类数组上下文 -
Array.from(arguments)：ES6 同期引入，可转换类数组，但语义是“转换”，不是“创建”，略显绕路
这些都不是真正意义上的“无歧义创建”，只是权宜之计。
Array.of 的定位：语义明确的创建原语
Array.of 并非替代字面量 []，而是填补了“需根据变量/参数动态生成数组”这一中间场景的空白：
- 它始终把所有参数视为数组元素，不管是一个、多个、数字、null 还是对象
- 它不关心输入是否可迭代，也不做类型转换，纯粹是“参数到数组”的直射映射
- 它和
Array.from形成互补：from解决“已有结构→数组”，of解决“零散值→数组”
例如函数封装中：function makeIdArray(id) { return Array.of(id); }，无论 id 是 42、'42' 还是 undefined，结果都清晰可预期。
现代实践中的实际地位
如今主流环境（Chrome/Firefox/Safari/Edge 及 Node.js 4+）均已原生支持 Array.of。它虽不如字面量常用，但在以下场景成为推荐选择：
- 工具函数内部需要安全构造单元素或多元素数组
- 与解构、rest 参数配合，避免
Array(...args)因单数字引发意外 - 函数式编程中作为高阶函数的输出构造器，提升链式调用的可预测性
它代表了 JavaScript 数组 API 从“容忍历史妥协”走向“主动修复设计缺陷”的一次务实演进。
