Js-从 EventEmitter 继承

我在不少 Node.js 库中看到了这种模式:

Master.prototype.__proto__ = EventEmitter.prototype;

(来源 给你)

谁能给我举个例子解释一下,为什么这是一个如此普遍的模式,什么时候它能派上用场?

93385 次浏览

As the comment above that code says, it will make Master inherit from EventEmitter.prototype, so you can use instances of that 'class' to emit and listen to events.

For example you could now do:

masterInstance = new Master();


masterInstance.on('an_event', function () {
console.log('an event has happened');
});


// trigger the event
masterInstance.emit('an_event');

Update: as many users pointed out, the 'standard' way of doing that in Node would be to use 'util.inherits':

var EventEmitter = require('events').EventEmitter;
util.inherits(Master, EventEmitter);

2nd Update: with ES6 classes upon us, it is recommended to extend the EventEmitter class now:

const EventEmitter = require('events');


class MyEmitter extends EventEmitter {}


const myEmitter = new MyEmitter();


myEmitter.on('event', () => {
console.log('an event occurred!');
});


myEmitter.emit('event');

See https://nodejs.org/api/events.html#events_events

This is how prototypical (prototypal?) inheritance is done in JavaScript. From MDN:

Refers to the prototype of the object, which may be an object or null (which usually means the object is Object.prototype, which has no prototype). It is sometimes used to implement prototype-inheritance based property lookup.

This works as well:

var Emitter = function(obj) {
this.obj = obj;
}


// DON'T Emitter.prototype = new require('events').EventEmitter();
Emitter.prototype = Object.create(require('events').EventEmitter.prototype);

Understanding JavaScript OOP is one of the best articles I read lately on OOP in ECMAScript 5.

I thought this approach from http://www.bennadel.com/blog/2187-Extending-EventEmitter-To-Create-An-Evented-Cache-In-Node-js.htm was pretty neat:

function EventedObject(){


// Super constructor
EventEmitter.call( this );


return( this );


}

Douglas Crockford has some interesting inheritence patterns too: http://www.crockford.com/javascript/inheritance.html

I find inheritence is less often needed in JavaScript and Node.js. But in writing an app where inheritence might affect scalability, I would consider performance weighed against maintainability. Otherwise, I would only base my decision on which patterns lead to better overall designs, are more maintainable, and less error-prone.

Test different patterns out in jsPerf, using Google Chrome (V8) to get a rough comparison. V8 is the JavaScript engine used by both Node.js and Chrome.

Here're some jsPerfs to get you started:

http://jsperf.com/prototypes-vs-functions/4

http://jsperf.com/inheritance-proto-vs-object-create

http://jsperf.com/inheritance-perf

To inherit from another Javascript object, Node.js's EventEmitter in particular but really any object in general, you need to do two things:

  • provide a constructor for your object, which completely initializes the object; in the case that you're inheriting from some other object, you probably want to delegate some of this initialization work to the super constructor.
  • provide a prototype object that will be used as the [[proto]] for objects created from your constructor; in the case that you're inheriting from some other object, you probably want to use an instance of the other object as your prototype.

This is more complicated in Javascript than it might seem in other languages because

  • Javascript separates object behavior into "constructor" and "prototype". These concepts are meant to be used together, but can be used separately.
  • Javascript is a very malleable language and people use it differently and there is no single true definition of what "inheritance" means.
  • In many cases, you can get away with doing a subset of what's correct, and you'll find tons of examples to follow (including some other answers to this SO question) that seem to work fine for your case.

For the specific case of Node.js's EventEmitter, here's what works:

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


// Define the constructor for your derived "class"
function Master(arg1, arg2) {
// call the super constructor to initialize `this`
EventEmitter.call(this);
// your own initialization of `this` follows here
};


// Declare that your class should use EventEmitter as its prototype.
// This is roughly equivalent to: Master.prototype = Object.create(EventEmitter.prototype)
util.inherits(Master, EventEmitter);

Possible foibles:

  • If you use set the prototype for your subclass (Master.prototype), with or without using util.inherits, but don't call the super constructor (EventEmitter) for instances of your class, they won't be properly initialized.
  • If you call the super constructor but don't set the prototype, EventEmitter methods won't work on your object
  • You might try to use an initialized instance of the superclass (new EventEmitter) as Master.prototype instead of having the subclass constructor Master call the super constructor EventEmitter; depending on the behavior of the superclass constructor that might seem like it's working fine for a while, but is not the same thing (and won't work for EventEmitter).
  • You might try to use the super prototype directly (Master.prototype = EventEmitter.prototype) instead of adding an additional layer of object via Object.create; this might seem like it's working fine until someone monkeypatches your object Master and has inadvertently also monkeypatched EventEmitter and all its other descendants. Each "class" should have its own prototype.

Again: to inherit from EventEmitter (or really any existing object "class"), you want to define a constructor that chains to the super constructor and provides a prototype that is derived from the super prototype.

ES6 Style Class Inheritance

The Node docs now recommend using class inheritence to make your own event emitter:

const EventEmitter = require('events');


class MyEmitter extends EventEmitter {
// Add any custom methods here
}


const myEmitter = new MyEmitter();
myEmitter.on('event', () => {
console.log('an event occurred!');
});
myEmitter.emit('event');

Note: If you define a constructor() function in MyEmitter, you should call super() from it to ensure the parent class's constructor is called too, unless you have a good reason not to.

To add to wprl's response. He missed the "prototype" part:

function EventedObject(){


// Super constructor
EventEmitter.call(this);


return this;


}
EventObject.prototype = new EventEmitter(); //<-- you're missing this part