码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript---设计模式之观察者模式

时间:2018-02-12 18:38:12      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:支持   anti   自己   变化   settime   重用   耦合   多个   抽象   

概念

观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。

作用

  1. 支持简单的广播通信,自动通知所有已经订阅过的对象
  2. 页面载入后目标对象很容易与观察者存在一种动态关联,增加了灵活性
  3. 目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用

注意事项

监听要在触发之前

<script type="text/javascript">
    (function () {
        var o = $({});
        $.jianting = function () {
            o.on.apply(o, arguments);
        }
        $.fabu = function () {
            o.trigger.apply(o, arguments);
        }
        $.qingchu = function () {
            o.off.apply(o,arguments);
        }
    })();
    $.jianting(‘/test/ls‘, function (e,a,b,c) {
        alert(a+"||"+b+"||"+c+"||");
    });
    $.jianting(‘/test/ls‘, function (e,a,b,c) {
        alert(‘ok‘);
    });
    setTimeout(function () {
        $.fabu(‘/test/ls‘, [1,2,3]);
    }, 1000);
</script>

 

JavaScript---设计模式之观察者模式

标签:支持   anti   自己   变化   settime   重用   耦合   多个   抽象   

原文地址:https://www.cnblogs.com/xiaobaizhiqian/p/8445000.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!