javascript事件接收与发送机制理解(代码示例)

如果下载的源码需要作者授权,请更换源码。本站免费分享资源不会增加授权

本篇文章给大家带来的内容是关于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来制作

那么接下来我们来看一看吧

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'

这就是事件发送与接收的机制。

本文由(壳先生)整理自网络,如转载请注明出处:https://www.mrshell.com;
本站发布的内容若侵犯到您的权益,请邮件联系 i@mrshell.com 删除,我们将及时处理!
===========================================================================

1. 本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行测试。
2. 本站资源仅供学习和交流使用,版权归资源原作者所有,请在下载后24小时之内自觉删除。
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
4. 若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,与本站无关。
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

=================================================================

壳先生 » javascript事件接收与发送机制理解(代码示例)

发表评论

提供最优质的资源集合

立即查看 了解详情