ob: Observer

时间: 2023-09-13 11:07:20 浏览: 115

observable-observer

观察者模式（Observer Pattern）是一种行为设计模式，它允许你定义一个订阅机制，可以在对象状态改变时通知多个“观察者”对象，使它们能够自动更新自己。在Java中，`Observable`类和`Observer`接口是内置的实现，用于创建这种观察者模式。现在我们来详细探讨`Observable`和`Observer`的原理以及如何手动实现简单的`MyObservable`和`MyObserver`。 `Observable`类代表被观察的对象，它可以有多个观察者。当`Observable`对象的状态发生变化时，它会通知所有注册的观察者。`Observer`接口则定义了观察者的接口，观察者需要实现这个接口来接收`Observable`对象的通知。 `Observable`类的关键方法包括： 1. `addObserver(Observer o)`: 添加一个观察者到观察者列表。 2. `deleteObserver(Observer o)`: 从观察者列表中移除指定的观察者。 3. `notifyObservers()`: 通知所有观察者，触发它们的`update()`方法。默认情况下，此操作是同步的，意味着每个观察者的`update()`方法将按顺序执行。 4. `setChanged()`: 标记`Observable`对象的状态已更改，通常在状态改变前调用。 5. `hasChanged()`: 检查`Observable`对象是否自上次通知以来已更改。 `Observer`接口的关键方法是： 1. `update(Observable obs, Object arg)`: 当`Observable`对象的状态改变时，这个方法会被调用。`obs`参数是通知观察者的`Observable`对象，`arg`参数可以传递额外的数据。手动实现`MyObservable`和`MyObserver`： ```java public class MyObservable { private List<MyObserver> observers = new ArrayList<>(); private String state; public void addObserver(MyObserver observer) { observers.add(observer); } public void removeObserver(MyObserver observer) { observers.remove(observer); } public void setState(String newState) { state = newState; setChanged(); notifyObservers(newState); } protected void setChanged() { // 自定义改变标记逻辑 } protected void notifyObservers(Object arg) { for (MyObserver observer : observers) { observer.update(this, arg); } } } public interface MyObserver { void update(MyObservable observable, Object arg); } ``` 在上面的代码中，`MyObservable`类实现了观察者模式的核心功能，而`MyObserver`接口定义了观察者需要实现的方法。`setState()`方法改变了`MyObservable`的状态并通知所有观察者。`MyObserver`的实现可以根据具体需求进行，例如更新UI或记录日志。观察者模式的应用广泛，比如在事件驱动编程、GUI组件通信、数据绑定等场景中。通过这种方式，对象之间的耦合度降低，系统更加灵活可扩展。在Java Swing和JavaFX等图形库中，许多组件都支持观察者模式，使得组件间的交互变得简单。总结，观察者模式是一种强大的设计模式，它提供了一种一对多的依赖关系，使得当一个对象状态改变时，所有依赖于它的对象都会得到通知并自动更新。通过手动实现`MyObservable`和`MyObserver`，我们可以更好地理解这种模式的工作原理，并在实际项目中灵活应用。

__ob__: Observer是Vue.js中的一个内部属性，用于观察数据的变化并更新视图。在Vue.js中，每个组件都会有一个名为__ob__的Observer对象，它负责监听数据的变化并在必要时更新视图。这个属性是不可枚举的，所以在访问对象的属性时会返回undefined。在一些特定的情况下，我们可能需要获取对象本身而不包含__ob__: Observer属性。可以使用JSON.parse(JSON.stringify(obj))来获取对象的副本，这样副本中就不会包含__ob__: Observer属性了。123 #### 引用[.reference_title] - *1* [关于 Vue “__ob__:Observer“ 属性的解决方案](https://blog.csdn.net/qq_60353088/article/details/125580345)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [【 javascript】获取数组或者对象本身，去除__ob__: Observer](https://blog.csdn.net/weixin_55846296/article/details/124272856)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [浏览器控制台日志是[{…}, __ob__: Observer] 这个是什么意思](https://blog.csdn.net/weixin_35751412/article/details/129068857)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

阅读全文

__ob__: Observer

相关推荐

Observer例子

Observer模式

将[0 : {__ob__: Observer} 1 : {__ob__: Observer} 2 : {__ob__: Observer}] 处理成一个数组对象

0 : (2) ['0', '1', __ob__: Observer] 1 : (2) ['0', '1', __ob__: Observer] 2 : ['0', __ob__: Observer] 3 : ['1', __ob__: Observer] 过滤出包含0 的

js 中 0 : (2) ['0', '1', __ob__: Observer] 1 : (2) ['0', '1', __ob__: Observer] 2 : ['0', __ob__: Observer] 3 : ['1', __ob__: Observer] 过滤出包含0 的

__ob__: observer

uniapp 中去掉获取到带有__ob__: Observer的数组内对象的 __ob__: Observer，并且能把数据渲染到页面

{__ob__: Observer} startTime : "13:0:0" stopTime : "14:0:0"} 判断这个对象在0 : startTime : "13:0:0" stopTime : "14:0:0" __ob__ : Observer {value: {…}, shallow: false, mock: false, dep: Dep, vmCount: 0} get startTime : ƒ reactiveGetter() set startTime : ƒ

前端 __ob__: Observer

[__ob__: observer]

数组后面__ob__: Observer

__ob__: observer怎么拿值

JS array转 __ob__: Observer

获取__ob__: Observer的值

怎么拿{__ob__: Observer}

vue中如何解决__ob__: Observer

[__ob__: Observer]怎么取值

最新推荐

【中国房地产业协会-2024研报】2024年第三季度房地产开发企业信用状况报告.pdf

【中国银行-2024研报】美国大选结果对我国芯片产业发展的影响和应对建议.pdf

RM1135开卡工具B17A

JHU荣誉单变量微积分课程教案介绍

管理建模和仿真的文件

【实战篇：自定义损失函数】：构建独特损失函数解决特定问题，优化模型性能

如何在ZYNQMP平台上配置TUSB1210 USB接口芯片以实现Host模式，并确保与Linux内核的兼容性？

Naruto爱好者必备CLI测试应用

"互动学习：行动中的多样性与论文攻读经历"

【强化学习损失函数探索】：奖励函数与损失函数的深入联系及优化策略

ob: Observer

将[0 : {ob: Observer} 1 : {ob: Observer} 2 : {ob: Observer}] 处理成一个数组对象

0 : (2) ['0', '1', ob: Observer] 1 : (2) ['0', '1', ob: Observer] 2 : ['0', ob: Observer] 3 : ['1', ob: Observer] 过滤出包含0 的

js 中 0 : (2) ['0', '1', ob: Observer] 1 : (2) ['0', '1', ob: Observer] 2 : ['0', ob: Observer] 3 : ['1', ob: Observer] 过滤出包含0 的

ob: observer

uniapp 中去掉获取到带有ob: Observer的数组内对象的 ob: Observer，并且能把数据渲染到页面

{ob: Observer} startTime : "13:0:0" stopTime : "14:0:0"} 判断这个对象在0 : startTime : "13:0:0" stopTime : "14:0:0" ob : Observer {value: {…}, shallow: false, mock: false, dep: Dep, vmCount: 0} get startTime : ƒ reactiveGetter() set startTime : ƒ

前端 ob: Observer

[ob: observer]

数组后面ob: Observer

ob: observer怎么拿值

JS array转 ob: Observer

获取ob: Observer的值

怎么拿{ob: Observer}

vue中如何解决ob: Observer

[ob: Observer]怎么取值