资讯专栏INFORMATION COLUMN

js 设计模式—工厂模式

赵春朋 / 1279人阅读

摘要:就像下面一样,每个小工厂有自己的方法,干自己的事情互不干扰,没事我还可以继承一下肉食动物吃一下草,也是有可能的,开个玩笑抽象制造一个动物种类创建实例构造器指向函数赋予子类原型无脊椎动物大类抽象方法不能调用原生生物类水母

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

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()

  

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101976.html

相关文章

  • JS 设计模式 六(工厂模式

    摘要:首先吧之前的代码打包成一个新的设计模式公用代码工厂模式要点工厂接口是工厂方法模式的核心,与调用者直接交互用来提供产品。适用场景在任何需要生成复杂对象的地方,都可以使用工厂方法模式。 工厂模式 之前讲了接口,封装,继承,单例等,现在就需要应用这些特性来完成一些设计模式了。首先吧之前的代码打包成一个新的JS DesignPattern.js // 设计模式公用代码 exports...

    raoyi 评论0 收藏0
  • JS 工厂模式

    摘要:工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类。实现一个简单的实现,使用如果使用对象属性来实现以下例子中的工厂方法接受在运行时以字符串形式指定的类型,然后创建并返回所请求类型的对象。 1. 简介 工厂模式的目的是为了创建对象,它通常在类或者类的静态方法中实现,具有以下目标: 当创建相似对象时执行重复操作 当编译时不知道具体类型的情况下,为工厂客户提供一个创建对象...

    zhangke3016 评论0 收藏0
  • 一天一个设计模式JS实现——工厂模式

    摘要:参考文章深入理解三种工厂模式工厂模式,工厂方法模式,抽象工厂模式详解工厂模式是中最常用的设计模式之一。这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式。 参考文章:深入理解java三种工厂模式工厂模式,工厂方法模式,抽象工厂模式 详解 工厂模式(Factory Pattern)是 Java 中最常用的设计模式之一。这种类型的设计模式属于创建型模式,它提供了一种创建对象的...

    Muninn 评论0 收藏0
  • JS 抽象工厂模式

    摘要:简介抽象工厂模式就是通过类的抽象使得业务适用于一个产品类簇的创建,而不负责某一类产品的实例。通过抽象工厂,就可以创建某个类簇的产品,并且也可以通过来检查产品的类别,也具备该类簇所必备的方法。 0. 简介 抽象工厂模式(Abstract Factory)就是通过类的抽象使得业务适用于一个产品类簇的创建,而不负责某一类产品的实例。 JS中是没有直接的抽象类的,abstract是个保留字,但...

    RiverLi 评论0 收藏0
  • js常用设计模式实现(二)工厂模式和抽象工厂模式

    摘要:抽象工厂模式可以向客户端提供一个接口,使客户端在不必指定产品的具体的情况下,创建多个产品族中的产品对象。前边的两个都是直接生产实例的,开始以为抽象工厂也是但是后来发现抽象工厂更像是生产工厂,其实抽象工厂其实是实现子类继承父类的方法。 创建型模式 创建型模式是对一个类的实例化过程进行了抽象,把对象的创建和对象的使用进行了分离 上一篇介绍了下单例模式,这一篇介绍一下工厂模式和抽象工厂模式,...

    meteor199 评论0 收藏0
  • JS 设计模式 七(抽象工厂模式

    摘要:抽象工厂模式抽象工厂是工厂模式的升级版,他用来创建一组相关或者相互依赖的对象。代码抽象工厂模式抽象工厂的优点抽象工厂模式除了具有工厂方法模式的优点外,最主要的优点就是可以在类的内部对产品族进行约束。 抽象工厂模式 抽象工厂是工厂模式的升级版,他用来创建一组相关或者相互依赖的对象。上节学习了工厂模式,类的创建依赖工厂类,程序需要扩展时,我们必须创建新的工厂类。工厂类是用来生产产品的,那我...

    FuisonDesign 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<