JavaScript 中数组字面量与数组缓存对象的创建策略-js教程-PHP中文网

数组字面量（[]）和new array()本质均为array实例，但字面量更简洁安全、无重载风险、性能稳定且语义明确；new array()因参数不同有三种行为，易引发bug，不推荐使用。

javascript 中数组字面量与数组缓存对象的创建策略

数组字面量（[]）和通过 new Array() 创建的数组对象，本质都是 Array 实例，但创建机制、语义意图和行为细节有实质性差异。关键不在“缓存”本身——JavaScript 中数组字面量每次执行都会生成新对象，不共享内存——而在于构造方式带来的可预测性、兼容性和潜在陷阱。

字面量创建：简洁、安全、推荐首选

使用 let arr = [] 或 let arr = [1, 'a', true] 是最常用也最稳妥的方式。

语法直观，语义明确：方括号即表示“我要一个数组”，无歧义
无重载风险：不像 new Array()，不会因参数个数或类型不同触发完全不同逻辑
性能稳定：现代引擎对字面量做了深度优化，初始化开销极小

支持多行书写与尾逗号，便于维护：

const users = [<br>  { id: 1, name: 'Alice' },<br>  { id: 2, name: 'Bob' },<br>];

`new Array()` 的三种行为需格外注意

它不是“缓存对象”，而是根据传参数量和类型动态决定初始化方式，容易出错：

JavaStoryDevelop

你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在

下载

零参数：new Array() → 空数组（等价于 []）
单个数字参数：new Array(5) → 创建长度为 5 的稀疏数组（arr.length === 5，但所有索引均未定义）
单个非数字参数或多个参数：new Array('x') 或 new Array(1, 2, 3) → 创建含该元素/这些元素的数组

这种多义性导致代码可读性差，且易引发 bug。例如 Array(10) 和 [...Array(10)] 行为完全不同。

所谓“缓存”仅适用于原始值，不适用于数组

字符串、数字等原始字面量可能被引擎复用内存地址（如 let a = 'hi'; let b = 'hi' 可能指向同一字符串），但数组是引用类型：

let a = []; let b = []; → 两个独立对象，a === b 为 false
不存在“数组缓存对象”这一概念；每次 [] 或 new Array() 都分配新内存
若需复用结构，应显式赋值或封装为工厂函数，而非依赖构造器“缓存”

实际开发中的建议策略

默认统一用字面量 []，包括空数组和带初始值的数组
避免 new Array(n) 创建预设长度数组；如需填充，用 Array.from({ length: n }, (_, i) => i) 或 Array(n).fill(null) 更清晰
若需动态构造数组（如从类数组对象转换），优先用 Array.from() 或展开运算符 [...iterable]，语义更准确
团队协作时，在 ESLint 中启用 no-array-constructor 规则，禁止使用 new Array()