本篇文章给大家带来的内容是关于javascript事件接收与发送机制理解(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
其实事件的发送与接收机制很简单,只是没有去思考而已
在node模块中使用的就会比较的多
如
var events=require('events');var eventEmitter=new events.EventEmitter();eventEmitter.on('say',function(name){ console.log('Hello',name);})eventEmitter.emit('say','Jony yu');
登录后复制
在vue中也父子组件的传递也采用了事件的发送与接收,emit和on来制作
那么接下来我们来看一看吧
立即学习“Java免费学习笔记(深入)”;
function myEvent() { this.on = function() { if (!this.handles) { this.handles = {}; } if (!this.handles[eventName]) { this.handles[eventName] = []; } this.handles[eventName].push(callBack); } this.emit = function() { if (this.handles[eventName]) { for (var i = 0; o < this.handles[eventName].length; i++) { this.handles[eventName][i](obj); } } } return this;}
登录后复制
测试一下
var event1=new Events();var event2=new Events();event1.on('say',function(){ console.log('Jony event1');});event2.on('say',function(){ console.log('Jony event2');})event1.emit('say');event2.emit('say');//event1、event2之间的事件监听互相不影响//输出结果为'Jony event1' 'Jony event2'
登录后复制
这就是事件发送与接收的机制。
以上就是javascript事件接收与发送机制理解(代码示例)的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2737799.html