锐客网

  1. 首页 > 睿知 > it技术 > >

3 种工厂模式详解（JS）

IT知识工厂模式详解

关山初度尘未洗，策马扬鞭再奋蹄！这篇文章主要讲述3 种工厂模式详解（JS）相关的知识，希望能为你提供帮助。
工厂模式（Factory Pattern）是设计模式中最常用的设计模式之一。
这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。
在工厂模式中，我们在创建对象时不会对客户端暴露创建逻辑，并且是通过使用一个共同的接口来指向新创建的对象。
工厂模式分为：

  • 简单工厂模式
  • 工厂方法模式
  • 抽象工厂模式
本篇带你来一一解析它们在 javascript 中的用法，闲言少叙，开冲！
简单工厂模式简单工厂模式，也可以叫静态工厂模式，用一个工厂对象创建同一类对象类的实例。
比如：
// 0.0.2/es5.simple.factory.js
function Role(options)
this.role = options.role;
this.permissions = options.permissions;

Role.prototype.show = function ()
var str = 是一个 + this.role + , 权限： + this.permissions.join(, );
console.log(str)


function simpleFactory(role)
switch(role)
case admin:
return new Role(
role: 管理员,
permissions: [设置, 删除, 新增, 创建, 开发, 推送, 提问, 评论]
);
break;
case developer:
return new Role(
role: 开发者,
permissions: [开发, 推送, 提问, 评论]
);
break;
default:
throw new Error(参数只能为 admin 或 developer);



// 实例
const xm = simpleFactory(admin);
xm.show();

const xh = simpleFactory(developer);
xh.show();

const xl = simpleFactory(guest);
xl.show();

ES6 写法：
// 0.0.2/simple.factory.js
class SimpleFactory
constructor(opt)
this.role = opt.role;
this.permissions = opt.permissions;


// 静态方法
static create(role)
switch (role)
case admin:
return new SimpleFactory(
role: 管理员,
permissions: [设置, 删除, 新增, 创建, 开发, 推送, 提问, 评论]
);
break;
case developer:
return new SimpleFactory(
role: 开发者,
permissions: [开发, 推送, 提问, 评论]
);
break;
default:
throw new Error(参数只能为 admin 或 developer);



show()
const str = `是一个$this.role, 权限：$this.permissions.join(, )`;
console.log(str);




// 实例
const xm = SampleFactory.create(admin);
xm.show();

const xh = SampleFactory.create(developer);
xh.show();

const xl = SampleFactory.create(guest);
xl.show();

上例中，??simpleFactory??就是一个简单工厂，2个实例对应不同的权限，调用工厂函数时，只需传递  ??admin?? 或  ??developer?? 就可获取对应的实例对象。
注意：作为一种创建类模式，在任何需要生成复杂对象的地方，都可以使用工厂方法模式。有一点需要注意的地方就是复杂对象适合使用工厂模式，而简单对象，特别是只需要通过 new 就可以完成创建的对象，无需使用工厂模式。如果使用工厂模式，就需要引入一个工厂类，会增加系统的复杂度。
工厂方法模式将实际创建对象工作推迟到子类当中，核心类就成了抽象类。
这样添加新的类时就无需修改工厂方法，只需要将子类注册进工厂方法的原型对象中即可。
比如：
// 0.0.2/es5.function.factory.js
function FunctionFactory(role)
if(!([admin, developer].indexOf(role) > -1))
throw new Error(参数只能为 admin 或 developer);


// 安全的工厂方法
if (this instanceof FunctionFactory)
return this[role]();

return new FunctionFactory(role);

FunctionFactory.prototype.show = function ()
var str = 是一个 + this.role + , 权限： + this.permissions.join(, );
console.log(str)

FunctionFactory.prototype.admin = function (permissions)
this.role = 管理员;
this.permissions = [设置, 删除, 新增, 创建, 开发, 推送, 提问, 评论];

FunctionFactory.prototype.developer = function (permissions)
this.role = 开发者;
this.permissions = [开发, 推送, 提问, 评论];


var xm = FunctionFactory(admin);
xm.show();

var xh = FunctionFactory(developer);
xh.show();

var xl = FunctionFactory(guest);
xl.show();

当需要添加新类时，只需挂载在  ??FunctionFactory.prototype??
  上，无需修改工厂方法，也实现了 OCP 原则。
OCP（Open-Closed Principle，开放-封闭原则）由Bertrand Meyer在1988年提出，含义是“软件实体（ 类、模块、函数等 ）应该是可扩展的，但不可修改”。
  • 可扩展（Open for extension，即“对于扩展是开放的”） 意思是软件模块的行为（功能）可以变化、可以扩展。
  • 不可修改（Closed for modifications，即“对于修改是封闭的”） 意思是在扩展新功能时，不需要修改原有代码模块，而是另外增加一些新的代码。
抽象工厂模式抽象工厂模式（Abstract Factory Pattern）是围绕一个超级工厂创建其他工厂。该超级工厂又称为其他工厂的工厂。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。
【3 种工厂模式详解（JS）】

抽象工厂只留对外的口子，不做事，留给外界覆盖（子类重写接口方法以便创建的时候指定自己的对象类型）。主要用于对 产品类簇
的创建，不直接生成实例（简单工厂模式和工厂方法模式都是生成实例）。
比如 Jquery：
// 0.0.2/jquery.factory.js
// 工厂模式
class jQuery
constructor(selector)
let slice = Array.prototype.

    推荐阅读


    上一篇：RocketMQ提升性能的几种方式（锁，压缩算法）

    下一篇：shell中获取Harbor中所有的镜像列表（超实用，建议收藏）