JavaScript中对象创建的方式多种多样,不同的创建方式适用于不同的开发场景,结合设计模式的应用还能进一步提升代码的规范性和可扩展性,下面我们就来详细梳理相关内容。

常见的JavaScript对象创建方式
1. 对象字面量
这是最简单的对象创建方式,直接通过大括号定义对象的属性和方法,适合创建单个、结构简单的对象。
// 对象字面量创建对象
const person = {
name: '张三',
age: 25,
sayHello: function() {
console.log('你好,我是' + this.name);
}
};
person.sayHello(); // 输出:你好,我是张三
2. 构造函数创建
通过定义构造函数,使用new关键字实例化对象,适合创建多个结构相同的对象,能实现属性和方法的复用。
// 定义构造函数
function Person(name, age) {
this.name = name;
this.age = age;
this.sayHello = function() {
console.log('你好,我是' + this.name);
};
}
// 实例化对象
const person1 = new Person('李四', 28);
const person2 = new Person('王五', 30);
person1.sayHello(); // 输出:你好,我是李四
person2.sayHello(); // 输出:你好,我是王五
3. Object.create()方法
该方法以指定对象为原型创建新对象,新对象会继承原型对象的所有属性和方法,适合需要基于已有对象扩展的场景。
// 原型对象
const personProto = {
sayHello: function() {
console.log('你好,我是' + this.name);
}
};
// 基于原型创建对象
const person3 = Object.create(personProto);
person3.name = '赵六';
person3.sayHello(); // 输出:你好,我是赵六
设计模式在对象创建中的应用
工厂模式应用
工厂模式的核心是将对象创建的逻辑封装起来,对外提供统一的创建接口,避免重复编写对象创建代码,适合需要批量创建同类型但属性有差异的对象场景。
// 工厂函数创建对象
function createPerson(name, age, job) {
const obj = new Object();
obj.name = name;
obj.age = age;
obj.job = job;
obj.introduce = function() {
console.log('我是' + this.name + ',今年' + this.age + '岁,职业是' + this.job);
};
return obj;
}
// 调用工厂函数创建对象
const worker = createPerson('小明', 26, '程序员');
const teacher = createPerson('小红', 32, '教师');
worker.introduce(); // 输出:我是小明,今年26岁,职业是程序员
teacher.introduce(); // 输出:我是小红,今年32岁,职业是教师
工厂模式隐藏了对象创建的细节,调用方只需要传入需要的参数即可获取对应对象,降低了代码的耦合度。
原型模式应用
原型模式是利用对象的原型继承特性,将可复用的属性或方法放在原型对象上,所有实例共享这些属性和方法,减少内存占用。
// 构造函数
function Animal(name) {
this.name = name;
}
// 将共用方法放在原型上
Animal.prototype.eat = function() {
console.log(this.name + '在吃东西');
};
Animal.prototype.sleep = function() {
console.log(this.name + '在睡觉');
};
// 实例化对象
const cat = new Animal('小猫');
const dog = new Animal('小狗');
cat.eat(); // 输出:小猫在吃东西
dog.sleep(); // 输出:小狗在睡觉
// 验证方法是否共享
console.log(cat.eat === dog.eat); // 输出:true
这种方式下,所有实例的eat和sleep方法都指向同一个内存地址,避免了每个实例都创建一份相同的方法,提升了性能。
单例模式应用
单例模式保证一个类只有一个实例,并且提供全局访问点,适合需要全局唯一对象的场景,比如全局配置对象、全局状态管理等。
// 单例模式实现全局配置对象
const Config = (function() {
let instance;
function init() {
// 私有属性和方法
const privateConfig = {
baseUrl: 'https://ipipp.com/api'
};
return {
// 公有方法,获取配置
getBaseUrl: function() {
return privateConfig.baseUrl;
},
// 公有方法,设置配置
setBaseUrl: function(url) {
privateConfig.baseUrl = url;
}
};
}
return {
getInstance: function() {
if (!instance) {
instance = init();
}
return instance;
}
};
})();
// 获取单例实例
const config1 = Config.getInstance();
const config2 = Config.getInstance();
console.log(config1 === config2); // 输出:true
console.log(config1.getBaseUrl()); // 输出:https://ipipp.com/api
单例模式通过闭包保存唯一实例,避免了重复创建对象带来的资源浪费,也保证了全局数据的一致性。
不同创建方式的选择建议
我们可以根据具体场景选择合适的对象创建方式:
- 只需要创建单个简单对象时,优先使用对象字面量,写法简洁直观
- 需要创建多个同类型对象,且不需要复杂的创建逻辑时,使用构造函数创建
- 需要基于已有对象扩展新对象时,选择
Object.create()方法 - 需要批量创建对象且创建逻辑较复杂时,应用工厂模式
- 需要共享方法、减少内存占用时,结合原型模式使用
- 需要全局唯一对象时,使用单例模式
合理选择对象创建方式并应用对应的设计模式,能让我们的JavaScript代码更加规范、易维护,也能减少不必要的错误和资源消耗。
JavaScript对象创建设计模式工厂模式原型模式修改时间:2026-07-02 17:30:42