node.js学习笔记(8) 事件继承

简介:

上一篇的示例中事件都是基于events.EventEmitter的实例,其实我们也建立自己的events类,只要通过集成events.EventEmitter就可以轻松的实现事件监听。


events-inherit.js:



var events = require('events');
var util = require('util');


function Restaurant(name){
    this.name = name;
    events.EventEmitter.call(this);
}
util.inherits(Restaurant, events.EventEmitter);


//开一家餐馆
var restaurant = new Restaurant('外婆家');


//定义点菜事件
restaurant.on('order', function(name, num) {
    console.log(num + "号桌,点菜:" + name );
});
//定义埋单事件
restaurant.on('pay', function(num) {
    console.log(num + "号桌, 埋单");
});
//1号桌,点菜
restaurant.emit('order', '红烧肉', 1);
//2号桌,点菜
restaurant.emit('order', '炒青菜', 2);
//3号桌,点菜
restaurant.emit('order', '土豆丝', 3);
//1号桌,埋单
restaurant.emit('pay', 1);
//2号桌,埋单
restaurant.emit('pay', 2);
//1号桌,埋单
restaurant.emit('pay', 3);

运行效果跟上一篇的示例一一模一样:


lee@mypc ~/works/nodejs/study8 $ node events-inherit.js
1号桌,点菜:红烧肉
2号桌,点菜:炒青菜
3号桌,点菜:土豆丝
1号桌, 埋单
2号桌, 埋单
3号桌, 埋单


目录
相关文章
|
1月前
|
Web App开发 JavaScript 前端开发
javascript onkeydown事件
javascript onkeydown事件
|
3天前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
1月前
|
JavaScript
js两种移除事件的方法
js两种移除事件的方法
30 2
|
11天前
|
JavaScript 前端开发
Javascript如何实现继承?
【10月更文挑战第24天】JavaScript 中实现继承的方式有很多种,每种方式都有其优缺点和适用场景。在实际开发中,我们需要根据具体的需求和情况选择合适的继承方式,以实现代码的复用和扩展。
|
5天前
|
JavaScript 前端开发
如何使用原型链继承实现 JavaScript 继承?
【10月更文挑战第22天】使用原型链继承可以实现JavaScript中的继承关系,但需要注意其共享性、查找效率以及参数传递等问题,根据具体的应用场景合理地选择和使用继承方式,以满足代码的复用性和可维护性要求。
|
5天前
|
JavaScript 前端开发 开发者
js实现继承怎么实现
【10月更文挑战第26天】每种方式都有其优缺点和适用场景,开发者可以根据具体的需求和项目情况选择合适的继承方式来实现代码的复用和扩展。
19 1
|
22天前
|
存储 JavaScript 前端开发
js事件队列
【10月更文挑战第15天】
41 6
|
2月前
|
自然语言处理 JavaScript 前端开发
一文梳理JavaScript中常见的七大继承方案
该文章系统地概述了JavaScript中七种常见的继承模式,包括原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合继承等,并探讨了每种模式的实现方式及其优缺点。
一文梳理JavaScript中常见的七大继承方案
|
2月前
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
|
2月前
|
Prometheus 监控 Cloud Native
prometheus学习笔记之node-export
prometheus 监控 node-exporter