首页
AI Coding
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
JS 设计模式
前端黄先森
创建于2024-02-19
订阅专栏
JS 设计模式的讲解
暂无订阅
共5篇文章
创建于2024-02-19
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
5、观察者模式
观察者模式:允许一个对象在发生某个变化时自动通知其他关联模式 白话:存在两个角色:观察者、被观察者;观察者保持对被观察者的监视,当发现被观察者在做某件事时,就做出某些反应 实际案例: Vue 的响应式
4、迭代器模式
迭代器模式:提供统一的方法来顺序访问集合对象(数组、对象、树等)的元素,而无需暴露该集合的内部表示。 普通迭代器: ES6 中,引入了迭代协议,用于创建迭代器对象,使用迭代器对象可以让其他对象可迭代
3、代理模式
代理模式:为对象的操作提供一个替代或代理接口。 代理模式允许我们在访问目标对象之前、之后或者代替目标对象执行额外的操作,从而对原始对象的行为进行增强、控制、限制或者扩展。 动态代理:在运行时动态生成代
2、策略模式
核心:定义一系列算法,并将每个算法封装在具有共同接口的单独对象中,并可替换。 场景:处理一系统相同但有细微差别的逻辑 代码实现:根据绩效计算奖金 未使用策略模式:代码写死了 使用了策略模式:策略可随时
1、单例模式
核心:确保一个类只有一个实例,并提供一个全局访问点。 场景:状态管理、路由对象都是只有一个实例的 代码实现: 普通版本 友好版本 总结:多次调用函数,想办法永远只产生一个实例就行