Awesome

WxNotificationCenter

WxNotificationCenter - 微信小程序通知广播模式类,降低小程序开发的耦合度

信息

来自微信小程序开发论坛 http://weappdev.com/ 垂直微信小程序开发论坛

版本信息

version 0.1

效果预览

使用

1. copy 文件 WxNotificationCenter.js 到你的开发目录中

2. 引入 WxNotificationCenter.js 在你需要的js中

var WxNotificationCenter = require("../../WxNotificationCenter/WxNotificationCenter.js");

3. 注册通知

// 最好在onLoad中进行
/**
* addNotification
* 注册通知对象方法
* 
* 参数:
* name： 注册名，一般let在公共类中
* selector： 对应的通知方法，接受到通知后进行的动作
* observer: 注册对象，指Page对象，可选，不填写的话在remove中会失效
*/

var that = this
WxNotificationCenter.addNotification("testNotificationName",that.testNotificationFn,that)

4. 发送通知

WxNotificationCenter.postNotificationName("testNotificationName");

5. 移除通知

// 移除通知在本也完成
WxNotificationCenter.removeNotification("testTabNotificationName",that)

特性

• 支持注册、发送、移除通知
• 支持传参,字典等

源码分析

• var __notices = [];

存放通知数组

• addNotification 注册方法

   * addNotification
   * 注册通知对象方法
   * 
   * 参数:
   * name： 注册名，一般let在公共类中
   * selector： 对应的通知方法，接受到通知后进行的动作
   * observer: 注册对象，指Page对象
   */
  
  

• postNotificationName 发送方法

  /**
    * postNotificationName
    * 发送通知方法
    * 
    * 参数:
    * name: 已经注册了的通知
    * info: 携带的参数
    */
  
   function postNotificationName(name, info)
  

• removeNotification 移除方法

  /**
   * removeNotification
   * 移除通知方法
   * 
   * 参数:
   * name: 已经注册了的通知
   * observer: 移除的通知所在的Page对象
   */
  
  function removeNotification(name,observer)
  

拓展阅读

• 什么叫做通知广播模式

本类借鉴iOS开发中的NSNotificationCenter的消息模式进行开发

可阅读: 细说KVO & KVC & NSNotificationCenter那些事

• 通知广播模式的使用场景

• 多级页面传值

来源

来自微信小程序开发论坛 http://weappdev.com/ 垂直微信小程序开发论坛