粥里有勺糖

vuePress-theme-reco 粥里有勺糖    2018 - 2023
粥里有勺糖 粥里有勺糖

Choose mode

  • dark
  • auto
  • light
关于我
备战春秋
  • 心得总结
  • 校招考点汇总
  • 面经汇总
  • 复习自查
技术笔记
  • 技术教程
  • 模板工程
  • 源码学习
  • 技术概念
  • 个人作品
  • 学习笔记
计算机基础
  • 算法与数据结构
  • 操作系统
  • 计算机网络
  • 设计模式
  • 剑指offer
大前端
  • javascript
  • vue
  • html
  • css
  • 🌏浏览器专题
  • Web性能优化
  • regexp
  • node
面试
  • 问解
  • javascript
  • css
  • 手撕代码
  • 性能优化
  • 综合问题
  • 面经汇总
  • 小程序
手撕代码
  • 数据结构与算法
  • javascript
  • css
个人站点
  • GitHub (opens new window)
  • 博客园 (opens new window)
  • 掘金 (opens new window)
线上作品
  • 轻取(文件收集) (opens new window)
  • 个人图床 (opens new window)
  • 考勤小程序 (opens new window)
  • 时光恋人 (opens new window)
  • 在线简历生成 (opens new window)
留言板
Github (opens new window)
author-avatar

粥里有勺糖

285

文章

40

标签

关于我
备战春秋
  • 心得总结
  • 校招考点汇总
  • 面经汇总
  • 复习自查
技术笔记
  • 技术教程
  • 模板工程
  • 源码学习
  • 技术概念
  • 个人作品
  • 学习笔记
计算机基础
  • 算法与数据结构
  • 操作系统
  • 计算机网络
  • 设计模式
  • 剑指offer
大前端
  • javascript
  • vue
  • html
  • css
  • 🌏浏览器专题
  • Web性能优化
  • regexp
  • node
面试
  • 问解
  • javascript
  • css
  • 手撕代码
  • 性能优化
  • 综合问题
  • 面经汇总
  • 小程序
手撕代码
  • 数据结构与算法
  • javascript
  • css
个人站点
  • GitHub (opens new window)
  • 博客园 (opens new window)
  • 掘金 (opens new window)
线上作品
  • 轻取(文件收集) (opens new window)
  • 个人图床 (opens new window)
  • 考勤小程序 (opens new window)
  • 时光恋人 (opens new window)
  • 在线简历生成 (opens new window)
留言板
Github (opens new window)
  • Design Pattern

    • 设计模式
    • 工厂模式
    • 抽象工厂模式
    • 单例模式

简单工厂模式

vuePress-theme-reco 粥里有勺糖    2018 - 2023

简单工厂模式

粥里有勺糖 2020-04-14 计算机基础设计模式

# 简单工厂模式

将创建对象的过程单独封装

# 需求

一个信息录入系统

  • 姓名
  • 年龄
  • 职业
  • 职责

不同职业拥有不同的职责(假设职业上10种)

  • 程序员:写代码,修bug,系统分析报告
  • 产品经理:订会议室,写需求,催更
  • ...

# ES5

function User(name, age, career, works) {
    this.name = name
    this.age = age
    this.career = career
    this.works = works
}

function Factory(name, age, career) {
    let works = []

    switch (career) {
        case 'coder':
            works = ['写代码', '修bug', '系统分析报告']
            break;
        case 'product manager':
            works = ['订会议室', '写需求', '催更']
            break;
        case 'boss':
            works = ['喝茶', '看报', '见客户']
            break;
        default:
            break;
    }
    return new User(name, age, career, works)
}

console.log(Factory('小明', 18, 'coder'))
console.log(Factory('小红', 20, 'product manager'))
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

# ES6

class User {
    constructor(name, age, career, works) {
        this.name = name
        this.age = age
        this.career = career
        this.works = works
    }
}

class Factory {
    static create(name, age, career) {
        let works = []
        switch (career) {
            case 'coder':
                works = ['写代码', '修bug', '系统分析报告']
                break;
            case 'product manager':
                works = ['订会议室', '写需求', '催更']
                break;
            case 'boss':
                works = ['喝茶', '看报', '见客户']
                break;
            default:
                break;
        }
        return new User(name, age, career, works)
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Edit this page (opens new window)
Last Updated: 2022/5/15 12:46:34