JavaScript设计模式中的观察者模式怎么实现
导读:本文共1577字符,通常情况下阅读需要5分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 观察者设计模式观察者设计模式中分为被观察者和观察者,当被观察者触发了某个边界条件,观察者就会触发事件,这里需要俩个构造函数进行观察者设计模式一个是被观察者一个是观察者我们来利用观察者监听对象某个属性的修改操作,对象某个属性的修改会触发观察者的某些方法初始数据letobj={name:"若水"}被观察者创建被观察者,我们给被观察者定义一个初... ...
目录
(为您整理了一些要点),点击可以直达。观察者设计模式中分为被观察者和观察者,当被观察者触发了某个边界条件,观察者就会触发事件,这里需要俩个构造函数进行观察者设计模式一个是被观察者一个是观察者
我们来利用观察者监听对象某个属性的修改操作,对象某个属性的修改会触发观察者的某些方法
创建被观察者,我们给被观察者定义一个初始化状态,用于记录观察属性的初始值,还需定义一个观察者方法队列,用于对观察者的增删操作且还用于触发观察者身上的方法,被观察者类身上还有三个方法,修改被观察者属性方法,修改被观察者属性方法一是用于修改被观察者值,二是用于触发自身上的观察者方法,添加观察者方法,用于给自身上添加观察者,删除观察者方法,用于删除自身上的观察者
创建观察者,用于定义观察者的身份以及执行观察者的方法,观察者有一个属性是表示自己的身份,一个是自己方法,用于被观察者触发使用
最后我们来使用一下:
观察者设计模式适用于监听一对多的操作,例如监听对象属性的修改等等,观察者模式能够降低代码耦合度,提升可扩展性,但是被观察者拥有过多的观察者进行监听会提高运行时间以及程序的复杂程度
JavaScript设计模式中的观察者模式怎么实现的详细内容,希望对您有所帮助,信息来源于网络。