工厂模式 - 演示与场景

UML类图：


image.png

代码模拟：

class Product {
    constructor(name){
        this.name = name
    }
    init() {
        
    }
    fn1() {

    }
    fn2(){

    }
}
class Creator {
    create(name) {
        return new Product(name)
    }
}

实例：
React.createElement

var profile = React.createElement("div", null, 
  React.createElement("img", {src: "avatar.png", className: "profile"}),
  React.createElement("h3", null, [user.firstName, user.lastName].join(" "))
)

class Vnode(tag, attrs, children) {
  // ...省略内部代码
}
React.createElement = function(tag, attrs, children){
  return new Vnode(tag, attrs, children)
}

工厂模式设计原则：

  • 构造函数和创建者分离
  • 符合开放封闭原则
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • js十大设计模式
    工厂模式类似于现实生活中的工厂可以产生大量相似的商品，去做同样的事情，实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,881评论 2赞 17
  • 大话设计模式阅读笔记
    设计模式基本原则 开放-封闭原则（OCP），是说软件实体（类、模块、函数等等）应该可以拓展，但是不可修改。开-闭原...
    西山薄凉阅读 3,897评论 3赞 14
  • 面试题
    前端开发面试题 面试题目： 根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。 题目类型： 理论知...
    怡宝丶阅读 2,611评论 0赞 7
  • 工厂模式
    工厂模式是我们最常用的实例化对象模式了，是用工厂方法代替new操作的一种模式。通常我们所说的工厂模式是指工厂方法模...
    zfylin阅读 1,338评论 0赞 7
  • javascript设计模式与开发实践
    javascript设计模式与开发实践 设计模式 每个设计模式我们需要从三点问题入手： 定义 作用 用法与实现 单...
    穿牛仔裤的蚊子阅读 4,284评论 0赞 13