最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

学习JavaScript设计模式之观察者模式_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:49:07
文档

学习JavaScript设计模式之观察者模式_javascript技巧

学习JavaScript设计模式之观察者模式_javascript技巧:一、定义 观察者模式(发布-订阅模式):其定义对象间一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。 在JavaScript中,一般使用事件模型来替代传统的观察者模式。 好处: (1)可广泛应用于异步编程中,是一种替
推荐度:
导读学习JavaScript设计模式之观察者模式_javascript技巧:一、定义 观察者模式(发布-订阅模式):其定义对象间一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。 在JavaScript中,一般使用事件模型来替代传统的观察者模式。 好处: (1)可广泛应用于异步编程中,是一种替


一、定义

观察者模式(发布-订阅模式):其定义对象间一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。
在JavaScript中,一般使用事件模型来替代传统的观察者模式。
好处:

  • (1)可广泛应用于异步编程中,是一种替代传递回调函数的方案。
  • (2)可取代对象之间硬编码的通知机制,一个对象不用再显示地调用另外一个对象的某个接口。两对象轻松解耦。
  • 二、DOM事件–观察者模式典例

    需要监控用户点击document.body的动作,但是我们没有办法预知用户将在什么时间点击。
    所以,我们订阅document.body上的click事件,当body节点被点击时,body节点便向订阅者发布这个消息!

    某网站有header头部、nav导航、消息列表等模块。这几个模块的渲染都需要获取用户登陆信息。
    (1)一般写法:

    (2)使用观察者模式,很轻松解耦!

    三、通用观察者模式

    希望本文所述对大家学习javascript程序设计有所帮助。

    文档

    学习JavaScript设计模式之观察者模式_javascript技巧

    学习JavaScript设计模式之观察者模式_javascript技巧:一、定义 观察者模式(发布-订阅模式):其定义对象间一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。 在JavaScript中,一般使用事件模型来替代传统的观察者模式。 好处: (1)可广泛应用于异步编程中,是一种替
    推荐度:
    标签: 模式 学习 设计
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top