JavaScript 中的 ObsType 和 observer：区别与应用

在 JavaScript 中，'ObsType' 和 'observer' 是两个不同的概念。

ObsType：'ObsType' 是一个自定义的数据类型或对象，用于表示观察的类型。它可以是一个字符串、数字、布尔值、对象等。'ObsType' 通常用于定义观察者模式中的被观察者对象的属性或状态。

例如，假设有一个名为 'Person' 的类，它有一个属性 'age'，可以定义为 'ObsType'，表示观察的类型是年龄：

class Person {
  constructor() {
    this.age = new ObsType();
  }
}

let person = new Person();
person.age = 25; // 设置年龄为 25

observer：'observer' 是观察者模式中的一个角色，用于观察被观察者对象的变化并采取相应的行动。观察者可以是一个函数、对象或类的实例。

在 JavaScript 中，通常使用事件监听器来实现观察者模式。例如，可以使用 addEventListener 方法将观察者函数绑定到被观察者对象的特定事件上：

let button = document.querySelector('button');

// 定义观察者函数
function handleClick() {
  console.log('Button clicked!');
}

// 将观察者函数绑定到按钮的点击事件上
button.addEventListener('click', handleClick);

在这个例子中，'handleClick' 函数是观察者，它会在按钮被点击时被调用。'button' 是被观察者对象，它会触发 'click' 事件并通知观察者函数执行。