策略模式(独特版,易懂!)

153 阅读1分钟

设计模式

一、什么是设计模式

1、当我们计划国庆出去游玩时,在交通方式上,我们可以选择贵而快的飞机/价格中等但稍慢的动车/便宜但超级慢的火车,根据不同的人,选择对应的交通方式,且可以随意更换交通方式,这就是策略模式。

2、策略模式的定义是,定义一系列算法,把它们一个个封装起来,并且使它们可以相互替换。

二、🌰

1、传统模式

image.png

2、策略模式

image.png

具体运用场景(vue3)

具体测试场景:子组件按钮组件如何抛出一个事件,父组件进行判断

1、传统模式

子组件

image.png

父组件

image.png

2、策略模式

子组件

image.png

父组件

image.png

总结:可以看到自己写的代码,可以有效的避免多重条件选择语句。对自己开发有很多的好处,其实这种模式再开发中还是很常见的