前端设计模式：观察者模式在前端开发中的应用

观察者模式是一种常见的设计模式，它用于在对象之间建立一种一对多的依赖关系。在前端开发中，观察者模式也被广泛应用，特别是在实现发布订阅功能时。本文将介绍观察者模式在前端开发中的应用，并提供相应的源代码示例。

观察者模式概述
观察者模式由两个主要角色组成：主体（Subject）和观察者（Observer）。主体是被观察的对象，它维护一个观察者列表，并提供注册、注销和通知观察者的方法。观察者是订阅主体的对象，它定义了在主体状态改变时所执行的操作。

在前端开发中，观察者模式可以用于实现发布订阅功能。发布订阅模式是观察者模式的一种变体，它允许多个观察者同时订阅主体，并在主体状态改变时接收通知。这种模式在前端开发中广泛应用于事件处理、数据更新和组件通信等场景。

实现观察者模式
下面我们通过一个简单的例子来演示如何在前端开发中实现观察者模式。

假设我们正在开发一个购物车应用，用户可以向购物车中添加商品，并在购物车中实时显示商品数量的变化。为了实现这个功能，我们可以使用观察者模式来订阅购物车中商品数量的变化。

首先，我们定义一个购物车主体对象（Subject），它包含以下方法：

class ShoppingCart {
   
   
  constructor