logo头像

前端从未如此简单有趣

话说设计模式

不同的业务场景可以采用不同的设计模式

1.构造器模式

可以批量生产对象

构造器模式是一种创建对象的设计模式,它提供了一种创建对象的方式,而不需要暴露内部结构。

构造器模式的主要优点是:

\1. 可以隐藏对象的创建细节,使代码更加简洁。

\2. 可以方便地修改对象的创建方式,而不需要修改客户端代码。

\3. 可以方便地创建多个对象,而不需要重复编写代码。

image-20240917223448532

然而:say()方法每次都要生成;非常冗余;统称搭配原型来使用!

2.原型模式

image-20240917223504684

es6 语法:利用 calss 类的方式构造(构造器)

image-20240917223516141

其中 say()方法自动装载到了原型之上。

实际应用场景

  • tab 栏案例

image-20240917165514322

3.工厂模式

image-20240917170005727

应用场景:权限管理(不同的角色有不同的权限)

image-20240917171440892

es6 语法

image-20240917172501512

image-20240917172516638

4.抽象工厂模式