美文网首页
一个简单的javascript模块间事件通信范例

一个简单的javascript模块间事件通信范例

作者: 1af45fa6b25f | 来源:发表于2018-03-15 14:21 被阅读0次

现在项目开发中很多采用了模块化方式开发,很多时候多个模块中间需要通过事件方式进行交互,这里给出一个简单的示例代码,希望对大家有所帮助。

window.Core = window.Core || {};  

Core.listenData = {};  

//事件监听  

Core.listen =function (args, handle) {  

//args:监听事件的名称,可为数组形式,handle:监听到事件后的处理函数  

//同一个页面上可能存在多个同样的部件,他们所监听的可能是同一个事件  

if (typeof (args) == 'string') {  

        args = [args];  

    }  

for (var i = 0; i < args.length; i++) {  

if (Core.listenData.hasOwnProperty([args[i]])) {  

            Core.listenData[args[i]].push(handle);  

}else {  

            Core.listenData[args[i]] = [];  

            Core.listenData[args[i]].push(handle);  

        }  

    }  

};  

//事件通知  

Core.notify =function (handleName, data) {  

if (Core.listenData.hasOwnProperty([handleName])) {  

var handleList = Core.listenData[handleName];  

for (var i = 0; i < handleList.length; i++) {  

            handleList[i](handleName, data);  

        }  

    }  

};  

传送门

相关文章

  • 一个简单的javascript模块间事件通信范例

    现在项目开发中很多采用了模块化方式开发,很多时候多个模块中间需要通过事件方式进行交互,这里给出一个简单的示例代码,...

  • 3.线程间通信

    软件都是由不同的模块组成一个系统,从而模块与模块间的通信,线程与线程间通信是经常碰到的。下面我们介绍了关于线程间通...

  • 子组件和父组件之间的通信

    龟兔赛跑范例 简单父子组件通信 天气信息传递:效果展示

  • rocketmq remoting 源码阅读笔记

    rocketmq网络部分的整体的架构 remoting 模块是 mq 的基础通信模块,理解通信层的原理对理解模块间...

  • Android 模块化之路 模块间调用简易实现方案

    一、背景 还记得上一次分享的模块间通信和调用吗?Android 模块化之路 模块间通信在这个文章里面,我们说到,如...

  • Web之事件处理

    javascript处理事件 事件种类 基本事件(表单,window,键盘,鼠标) HTML5事件(网络,通信,拖...

  • 模块间通信HttpClient

    sayHi(String... str) 可以实现可变参数,但是可变参数只能是参数的最后一个 ui门户模块 想请求...

  • Android 模块间通信

    参考:https://blog.csdn.net/lianwa88/article/details/7997395...

  • Shiny 模块间通信

    想实现在页面1上点击按钮,跳转到页面2,每个页面作为一个module。 错误的写法: 模块之间的变量不共享,无法达...

  • SPI机制

    SPI:由于业务模块进行了组件拆分,开发了基于SPI组件通信方式,用在模块间降低耦合,解决业务模块的通信问题。可以...

网友评论

      本文标题:一个简单的javascript模块间事件通信范例

      本文链接:https://www.haomeiwen.com/subject/cfrhqftx.html