zoukankan      html  css  js  c++  java
  • nodejs事件的监听与事件的触发

    nodejs事件(Events)

    一、事件机制的实现

      Node.js中大部分的模块,都继承自Event模块(http://nodejs.org/docs/latest/api/events.html )。Event模块(events.EventEmitter)是一个简单的事件监听器模式的实现。具有addListener/on,once,removeListener,removeAllListeners,emit等基本的事件监听模式的方法实现。它与前端DOM树上的事件并不相同,因为它不存在冒泡,逐层捕获等属于DOM的事件行为,也没有preventDefault()、stopPropagation()、 stopImmediatePropagation() 等处理事件传递的方法。

       从另一个角度来看,事件侦听器模式也是一种事件钩子(hook)的机制,利用事件钩子导出内部数据或状态给外部调用者。Node.js中的很多对象,大多具有黑盒的特点,功能点较少,如果不通过事件钩子的形式,对象运行期间的中间值或内部状态,是我们无法获取到的。这种通过事件钩子的方式,可以使编程者不用关注组件是如何启动和执行的,只需关注在需要的事件点上即可。

    二、事件触发

      events 模块只提供了一个对象: events.EventEmitter。EventEmitter的核心就是事件发射与事件监听器功能的封装。EventEmitter的每个事件由一个事件名和若干个参数组成,事件名是一个字符串,通常表达一定的语义。对于每个事件,EventEmitter支持若干个事件监听器。当事件发射时,注册到这个事件的事件监听器被依次调用,事件参数作为回调函数参数传递。

      让我们以下面的例子解释这个过程:

    //引入事件模块
    var
    events = require("events"); //创建事件监听的一个对象 var emitter = new events.EventEmitter(); //监听事件some_event emitter.addListener("some_event",function(){ console.log("事件触发,调用此回调函数"); }); //触发事件some_event emitter.emit("some_event");

     运行结果:事件触发,调用此回调函数

     例子:

    var events = require('events');
    var emitter = new events.EventEmitter();
    emitter.on('someEvent', function(arg1, arg2) {
    console.log('listener1', arg1, arg2);
    });
    emitter.on('someEvent', function(arg1, arg2) {
    console.log('listener2', arg1, arg2);
    });
    emitter.emit('someEvent', 'byvoid', 1991);

      运行的结果是:

      listener1 byvoid 1991

          listener2 byvoid 1991

      以上例子中,emitter 为事件 someEvent 注册了两个事件监听器,然后发射了someEvent事件。运行结果中可以看到两个事件监听器回调函数被先后调用。这就是EventEmitter最简单的用法。接下来我们介绍一下EventEmitter常用的API。
       EventEmitter.on(event, listener) 为指定事件注册一个监听器,接受一个字符串 event 和一个回调函数listener。EventEmitter.emit(event, [arg1], [arg2], [...]) 发射 event事件,传递若干可选参数到事件监听器的参数表。
      EventEmitter.once(event, listener) 为指定事件注册一个单次监听器,即监听器最多只会触发一次,触发后立刻解除该监听器。
       EventEmitter.removeListener(event, listener) 移除指定事件的某个监听器,listener 必须是该事件已经注册过的监听器。
       EventEmitter.removeAllListeners([event]) 移除所有事件的所有监听器,如果指定 event,则移除指定事件的所有监听器。
      更详细的 API 文档参见 http://nodejs.org/api/events.html

     想想其实跟jquery自定义事件很相似:

    //给element绑定hello事件
    element.on("hello",function(){
      alert("hello world!");
    });
    //触发hello事件
    element.trigger("hello");

    三、事件机制的进阶应用

      继承event.EventEmitter

      实现一个继承了EventEmitter类是十分简单的,以下是Node.js中流对象继承EventEmitter的例子:

    var util = require("util");
    
    var events = require("events");
    
    //创建构造事件对象的构造函数
    function Stream(){
        events.EventEmitter.call(this);
    }
    util.inherits(Stream, events.EventEmitter);
    
    //实例创建事件监听的一个对象
    var elem = new Stream();
    
    //监听事件
    elem.addListener("one_event",function(){
        console.log("事件触发,调用此回调函数");
    });
    
    //触发事件some_event
    elem.emit("one_event");

     值得一提的是如果对一个事件添加了超过10个侦听器,将会得到一条警告,这一处设计与Node.js自身单线程运行有关,设计者认为侦听器太多,可能导致内存泄漏,所以存在这样一个警告。

    实例:

    var util = require("util");
    
    var events = require("events");
    
    function Stream(){
        events.EventEmitter.call(this);
    }
    util.inherits(Stream, events.EventEmitter);
    
    var elem = new Stream();
    
    elem.addListener("我来了",function(arg1,arg2){
        console.log("事件触发,调用此回调函数",arg1,arg2,1);
    });
    
    elem.addListener("我来了",function(arg1,arg2){
        console.log("事件触发,调用此回调函数",arg1,arg2,2);
    });
    
    elem.addListener("我来了",function(arg1,arg2){
        console.log("事件触发,调用此回调函数",arg1,arg2,3);
    });
    
    elem.addListener("我来了",function(arg1,arg2){
        console.log("事件触发,调用此回调函数",arg1,arg2,4);
    });
    
    elem.addListener("我来了",function(arg1,arg2){
        console.log("事件触发,调用此回调函数",arg1,arg2,5);
    });
    
    elem.addListener("我来了",function(arg1,arg2){
        console.log("事件触发,调用此回调函数",arg1,arg2,6);
    });
    
    elem.addListener("我来了",function(arg1,arg2){
        console.log("事件触发,调用此回调函数",arg1,arg2,7);
    });
    
    elem.addListener("我来了",function(arg1,arg2){
        console.log("事件触发,调用此回调函数",arg1,arg2,8);
    });
    
    elem.addListener("我来了",function(arg1,arg2){
        console.log("事件触发,调用此回调函数",arg1,arg2,9);
    });
    
    elem.addListener("我来了",function(arg1,arg2){
        console.log("事件触发,调用此回调函数",arg1,arg2,10);
    });
    elem.addListener("我来了",function(arg1,arg2){
        console.log("事件触发,调用此回调函数",arg1,arg2,11);
    });
    //触发事件some_event
    elem.emit("我来了",'one','two');

    结果:

      我们通过调用emitter.setMaxListeners(0),就可以去带哦限制

    emitter.setMaxListeners(0);

      一个经典的事件监听触发,进程通信例子:

      master.js   

    var childprocess = require('child_process');
    var worker = childprocess.fork('./worker.js');
    
    console.log('pid in master:', process.pid);
    
    //监听事件
    worker.on('message', function(msg) {
      console.log('1:', msg);
    })
    process.on('message', function(msg) {
      console.log('2:', msg);
    })
    
    worker.send('---');
    
    //触发事件 message
    process.emit('message', '------');

      worker.js

    console.log('pid in worker:', process.pid);
    
    process.on('message', function(msg) {
      console.log('3:', msg);
    });
    
    process.send('===');
    process.emit('message', '======');

      运行结果:

    $ node master.js
    
    
    pid in master: 22229      // 主进程创建后打印其 pid
    2: ------                 // 主进程收到给自己发的消息
    pid in worker: 22230      // 子进程创建后打印其 pid
    3: ======                 // 子进程收到给自己发的消息 
    1: ===                    // 主进程收到来自子进程的消息
    3: ---                    // 子进程收到来自主进程的消息

      其中有两个有趣的点:

      在主进程中,使用 worker.on('message', ...) 监听来自子进程的消息,使用 process.on('message', ...) 监听给自己发的消息。但是在子进程中,只有 process.on('message', ...) 一种消息监听方式,无法区分消息来源。

    如果有给自己发消息的情况,则必须将对应的消息监听的代码放在消息发送代码前面,否则无法监听到该消息发送。例如将 master.js 的最后一行代码 process.emit('message', '------'); 放置到该文件第一行,则运行结果不会输出 2: ------。

    如果不能控制消息监听代码和消息发送代码的先后顺序,可将给自己发送消息的代码改写为 setImmediate(process.emit.bind(process, 'message', {{message}}));

      

     参考资料:

      http://www.cnblogs.com/zhongweiv/p/nodejs_events.html(很多实例)

      http://www.infoq.com/cn/articles/tyq-nodejs-event/

      http://www.toolmao.com/nodejs-zhongwen-events-shijian

      http://www.ynpxrz.com/n691854c2023.aspx

      http://www.jb51.net/article/61079.htm

      
  • 相关阅读:
    DataTable转换成List
    gitbash如何修改可恶的蓝色字体
    nvm use exit status 1
    搭建CNPM私有库
    Angular2项目,刷新后页面显示404错误的?
    基于webpack模块加载,ts里对系统对象prototype的扩展
    Angular2 primeNG的p-dropdown的选中值未初始化
    移动端开发常见问题
    weinre的使用
    利用百度地图API进行GPS坐标转换成百度地图坐标,创建点,标签,多边形
  • 原文地址:https://www.cnblogs.com/pingfan1990/p/4661841.html
Copyright © 2011-2022 走看看