js 设计模式—工厂模式

51次阅读

共计 1208 个字符,预计需要花费 4 分钟才能阅读完成。

1. 简单工厂模式,又称为静态工厂方法,单一种类的复制使用
// 简单工厂函数 封装 动物
function A(name, six) {
var o = new Object()
o.name = name
o.six = six
o.sayName = function () {
console.log(this.name)
}
return o
}
var A1 = new A(‘ 大象 ’, ‘ 公 ’)
var A2 = new A(‘ 狮子 ’, ‘ 母 ’)
A1.sayName() // 大象
A2.sayName() // 狮子
2. 工厂方法,我理解为同类产品下,定义一个大工厂,可以插入很多的小工厂来实现方法,小工厂之间可以很好的耦合
// // 工厂方法
var a = [{
name: ‘ 鸭子 ’,
type: ‘ 吃草 ’
},{
name: ‘ 鸡 ’,
type: ‘ 吃肉 ’
}]

function B(type,chi) {
B.prototype.chicken(type)
}
B.prototype = {
duck: function () {

},
chicken: function (type) {
this.type = type
console.log(this.type)
}
}
for(var i =0;i<a.length;i++){
B(a[i].name,a[i].type)
console.log(123)
}
3. 抽象工厂,可以生产产品族的工厂,例如:大自然(大工厂类),无脊椎动物,脊椎动物,哺乳动物(可以称之为小工厂类),而这个小工厂类下面又可以分为很多动物种类(名字 … 等),它们之间生存的法则不一样,有吃草的,有吃肉的。。。就像下面一样,每个小工厂有自己的方法,干自己的事情互不干扰,没事我还可以继承一下肉食动物吃一下草,也是有可能的,开个玩笑!!()
// 抽象 制造一个动物种类
var zoom= function (fun,fun2) {
function c() {}
c.prototype = new zoom[fun2]() // 创建实例
fun.constructor =fun // 构造器指向
// c 函数赋予子类原型
fun.prototype = new c()
}
// 无脊椎动物大类
zoom.Invertebrates = function () {
this.type = ‘Invertebrates’
}
zoom.Invertebrates.prototype = {
getzoom: function () {
return new Error(‘ 抽象方法不能调用!’);
}
}
// 原生生物类
var native = function (name,num) {
this.name = name
this.num = num
}
zoom(native,’Invertebrates’);
native.prototype.getzoom = function(){
console.log(this.name);
}
var native1 = new native(‘ 水母 ’, 20000000000)
native1.getzoom()

正文完
 0