Javascript乱弹设计模式系列 － 观察者模式(Observer)

核心提示： 看到Subscriber实现类们的构造函数中的内容了么？它把出版者类参数赋值于Subscriber实现类们的Publisher对象，然后在该对象上注册this订阅者自己，Javascript乱弹设计模式系列 － 观察者模式(Observer)(5)，这样Publisher对象上就注册了Su

看到Subscriber实现类们的构造函数中的内容了么？它把出版者类参数赋值于Subscriber实现类们的Publisher对象，然后在该对象上注册this订阅者自己，这样Publisher对象上就注册了Subscriber对象，并且以Array对象的方式存储起来；

5. 好了，IPublisher.js，ISubscriber.js，OrderData.js，Subscriber.js都创建好了，现在需要一个aspx界面来使用它们了：

<divid="Container">
　　<tablewidth="600px"cellpadding="0"cellspacing="1"class="grid">
　　　　<thead>
　　　　　　<tr>
　　　　　　　　<th>
　　　　　　　　　　商品名
　　　　　　　　</th>
　　　　　　　　<th>
　　　　　　　　　　市场价
　　　　　　　　</th>
　　　　　　　　<th>
　　　　　　　　　　推荐指数
　　　　　　　　</th>
　　　　　　　　<th>
　　　　　　　　　　数量
　　　　　　　　</th>
　　　　　　</tr>
　　　　</thead>
　　　　<tbody>
　　　　　　<tr>
　　　　　　　　<td>
　　　　　　　　　　<spanid="productName">你必须知道的.NET</span>
　　　　　　　　</td>
　　　　　　　　<tdalign="center">
　　　　　　　　　　<spanid="productPrice">69.8</span>
　　　　　　　　</td>
　　　　　　　　<tdalign="center">
　　　　　　　　　　<spanid="recommend">10</span>
　　　　　　　　</td>
　　　　　　　　<tdalign="center">
　　　　　　　　　　<spanid="productCount">1</span>
　　　　　　　　</td>
　　　　　　</tr>
　　　　</tbody>
　　　　<tfoot>
　　　　　　<tr>
　　　　　　　　<tdalign="right"colspan="4">
　　　　　　　　　　<inputtype="button"id="btnSubmit"value="结算"/>
　　　　　　　　</td>
　　　　　　</tr>
　　　　</tfoot>
　　</table>
</div>
<divstyle="width:1000px;">
　　<divid="MsgBoxContainer">
　　　　<h2>
　　　　　　您的短信箱</h2>
　　　　<tablewidth="100%"cellspacing="1"cellpadding="0"class="grid">
　　　　　　<thead>
　　　　　　　　<tr>
　　　　　　　　　　<th>
　　　　　　　　　　　　内容
　　　　　　　　　　</th>
　　　　　　　　　　<thstyle="width:100px;">
　　　　　　　　　　　　发布日期
　　　　　　　　　　</th>
　　　　　　　　</tr>
　　　　　　</thead>
　　　　　　<tbodyid="MsgBoxResult">
　　　　　　</tbody>
　　　　</table>
　　</div>
　　<divid="ThisOrderContainer">
　　　　<h2>
　　　　　　您刚提交的订单名片</h2>
　　　　<divid="ThisOrderResult">
　　　　</div>
　　</div>
　　<divid="OrderListContainer">
　　　　<h2>
　　　　　　您已买的商品列表</h2>
　　　　<tablewidth="100%"cellspacing="1"cellpadding="0"class="grid">
　　　　　　<thead>
　　　　　　　　<tr>
　　　　　　　　　　<th>
　　　　　　　　　　　　商品名
　　　　　　　　　　</th>
　　　　　　　　　　<th>
　　　　　　　　　　　　市场价
　　　　　　　　　　</th>
　　　　　　　　　　<th>
　　　　　　　　　　　　推荐指数
　　　　　　　　　　</th>
　　　　　　　　　　<th>
　　　　　　　　　　　　数量
　　　　　　　　　　</th>
　　　　　　　　　　<thstyle="width:100px;">
　　　　　　　　　　　　发布日期
　　　　　　　　　　</th>
　　　　　　　　</tr>
　　　　　　</thead>
　　　　　　<tbodyid="OrderListResult">
　　　　　　</tbody>
　　　　</table>
　　</div>
　　<divclass="clear">
　　</div>
</div>