单例模式确保类仅有一个实例,通过闭包和静态方法实现;工厂模式解耦对象创建与使用,通过参数决定返回的具体对象类型。两者结合提升代码可维护性与扩展性。

在JavaScript开发中,设计模式是解决常见问题的可复用方案。其中,单例模式和工厂模式应用广泛,能有效提升代码的可维护性和扩展性。下面分别介绍这两种模式的核心思想与实现方式。
单例模式:确保一个类只有一个实例
单例模式的核心是保证在整个应用中,某个类仅被实例化一次。这种模式适用于需要全局唯一对象的场景,比如配置管理、日志记录器或数据库连接池。
JavaScript中没有类的私有构造函数,但可以通过闭包和静态属性模拟实现单例。
- 使用闭包封装实例,防止外部直接访问
- 通过静态方法控制实例的创建与获取
- 判断实例是否存在,若存在则返回已有实例
示例代码:
立即学习“Java免费学习笔记(深入)”;
const Singleton = (function () {
let instance;
function createInstance() {
return { name: 'Singleton Instance' };
}
return {
getInstance: function () {
if (!instance) {
instance = createInstance();
}
return instance;
}
};
})();
// 使用
const obj1 = Singleton.getInstance();
const obj2 = Singleton.getInstance();
console.log(obj1 === obj2); // true
工厂模式:解耦对象创建与使用
工厂模式用于集中创建对象,将具体实例化的逻辑封装在工厂函数中。调用者无需关心对象的构造细节,只需提供类型标识即可获得所需对象。
今天给大家分享一款设计和精致的jQuery Tab页面切换插件,它的样式风格与传统的Tab切换不同,首先Tab标签使用的是小图标模式,就像一个按钮一样。另外,在切换tab时,tab标签的样式也很有特点,是一个凸起的弧形,给人3D立体的视觉效果。同时切换tab时背景颜色还可以自动切换。
这种模式适合处理具有相似结构但行为不同的对象,比如不同类型的用户界面组件或消息通知方式。
- 定义统一接口,各类对象遵循相同的方法结构
- 工厂函数根据参数决定返回哪种具体实现
- 新增类型时只需扩展工厂逻辑,不修改原有调用代码
示例代码:
立即学习“Java免费学习笔记(深入)”;
function Dog(name) {
this.name = name;
this.sound = '汪汪';
}
function Cat(name) {
this.name = name;
this.sound = '喵喵';
}
function AnimalFactory(type, name) {
switch (type) {
case 'dog':
return new Dog(name);
case 'cat':
return new Cat(name);
default:
throw new Error('未知类型');
}
}
// 使用
const pet1 = AnimalFactory('dog', '旺财');
const pet2 = AnimalFactory('cat', '咪咪');
console.log(pet1.sound); // 汪汪
console.log(pet2.sound); // 喵喵
单例模式控制实例数量,工厂模式简化对象创建。两者结合使用,可以在复杂应用中更好地组织代码结构。基本上就这些,理解它们的关键在于掌握“何时用”和“怎么用”。










