字面量适合一次性、结构明确的对象,构造函数或class适合需复用方法、实例化多个对象的场景;Object.create和工厂函数提供中间方案。

JavaScript 中创建对象,构造函数和字面量不是“谁更好”,而是“用对地方”。字面量简洁安全,适合一次性、结构明确的对象;构造函数(或 class)适合需要复用、带方法、要实例化多个相似对象的场景。
对象字面量:简单直接,日常首选
用 {} 创建,语法短、可读性强、无原型污染风险,是定义配置项、临时数据、API 返回结构的默认方式。
- 没有 new、没有 this 绑定问题,不会意外当成构造函数调用
- 支持计算属性名、展开运算符、方法简写,现代写法很灵活
- 例如:
const user = { name: "张三", age: 28, greet() { return `Hi, ${this.name}` } };
构造函数 / class:需要实例化和共享行为时才用
当你需要多个具有相同结构和方法的对象(比如多个按钮、用户实例、缓存项),且希望方法复用、支持 instanceof、有明确原型链时,用 function Person() {...} 或 class Person {...} 更合适。
- 方法定义在原型上,节省内存;字面量每次都会新建函数副本
- 可配合
new创建独立实例,每个实例有自己属性,共享方法 - 注意:单独调用构造函数(没加 new)会导致 this 指向全局,容易出 bug —— class 能避免这点(直接报错)
别忽略 Object.create 和工厂函数
字面量太死板?构造函数太重?还有中间路线:
标签: javascript java
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。
还木有评论哦,快来抢沙发吧~