관련 권장 사항: "nodejs Tutorial"
프론트 엔드는 확실히 이벤트에 익숙합니다. 이는 스크롤 이벤트를 windows
window.addEventListener('scroll', ev => { console.log(ev); });
Node.js에 바인딩합니다. 대부분의 비동기 작업은 이벤트 중심이며 모든 개체는 EventEmitter
클래스EventEmitter
类
Node.js 事件监听使用和 jQuery API 非常类似emitter.on(eventName, listener)
const ee = new EventEmitter(); ee.on('foo', () => console.log('a'));
emitter.prependListener(eventName, listener)
通过 prependListener 可以把 listener 添加到 listener 数组头部
const ee = new EventEmitter(); ee.prependListener('foo', () => console.log('a'));
如果希望 listener 被触发一次后就不再触发,可以使用 once 来绑定事件
const ee = new EventEmitter(); ee.once('foo', () => console.log('a'));
emitter.emit(eventName[, ...args])
在浏览器环境中开发者事件相关的大部分工作是订阅事件,也就是绑定事件处理函数 listener,在 Node.js 事件编程中经常需要创建事件对象,在合理实际触发事件。使用 emit 方法可以按照 listener 注册的顺序,同步地调用每个注册到名为 eventName 的事件的监听器,并传入提供的参数
const EventEmitter = require('events'); const myEmitter = new EventEmitter(); // 第一个监听器。 myEmitter.on('event', function firstListener() { console.log('第一个监听器'); }); // 第二个监听器。 myEmitter.on('event', function secondListener(arg1, arg2) { console.log(`第二个监听器中的事件有参数 ${arg1}、${arg2}`); }); // 第三个监听器 myEmitter.on('event', function thirdListener(...args) { const parameters = args.join(', '); console.log(`第三个监听器中的事件有参数 ${parameters}`); }); console.log(myEmitter.listeners('event')); myEmitter.emit('event', 1, 2, 3, 4, 5); // Prints: // [ // [Function: firstListener], // [Function: secondListener], // [Function: thirdListener] // ] // 第一个监听器 // 第二个监听器中的事件有参数 1、2 // 第三个监听器中的事件有参数 1, 2, 3, 4, 5
eventEmitter.emit()
方法可以传任意数量的参数到 listener, this
关键词会被指向 listener 所绑定的 EventEmitter 实例
const myEmitter = new MyEmitter(); myEmitter.on('event', function(a, b) { console.log(a, b, this, this === myEmitter); // 打印: // a b MyEmitter { // domain: null, // _events: { event: [Function] }, // _eventsCount: 1, // _maxListeners: undefined } true }); myEmitter.emit('event', 'a', 'b');
也可以使用 ES6 的箭头函数作为监听器。但 this
关键词不会指向 EventEmitter 实例:
const myEmitter = new MyEmitter(); myEmitter.on('event', (a, b) => { console.log(a, b, this); // 打印: a b {} }); myEmitter.emit('event', 'a', 'b');
EventEmitter
以注册的顺序同步地调用所有 listener,这样可以确保事件的正确排序,listener 可以使用 setImmediate()
和 process.nextTick()
方法切换到异步的操作模式
const myEmitter = new MyEmitter(); myEmitter.on('event', (a, b) => { setImmediate(() => { console.log('异步地发生'); }); }); myEmitter.emit('event', 'a', 'b');
Node.js 提供了几种卸载事件绑定的方法
off 方法是 removeListener 方法的别名,用于清理事件绑定 emitter.removeListener(eventName, listener)
const callback = (stream) => { console.log('已连接'); }; server.on('connection', callback); // ... server.removeListener('connection', callback);
removeListener() 最多只会从监听器数组中移除一个监听器。 如果监听器被多次添加到指定 eventName 的监听器数组中,则必须多次调用 removeListener() 才能移除所有实例
emitter.removeAllListeners([eventName])
移除指定的 eventName 事件的 listener,如果没有指定 eventName,则移除事件对象的所有 listener。可以通过 emitter.eventNames()
emitter.on(eventName, Listener)
const EventEmitter = require('events'); const myEE = new EventEmitter(); myEE.on('foo', () => {}); myEE.on('bar', () => {}); myEE.eventNames().forEach(eventName => myEE.removeAllListeners);
emitter.prependListener(eventName, Listener)
emitter.emit(eventName [, ...args])
eventEmitter.emit()
메소드를 가리켜 리스너에게 여러 매개변수를 전달할 수 있습니다. this
키워드는 다음에 의해 바인딩된 EventEmitter 인스턴스를 가리킵니다. 🎜rrreee🎜ES6 화살표 기능을 리스너로 사용할 수도 있습니다. 그러나 this
키워드는 EventEmitter 인스턴스를 가리키지 않습니다. 🎜rrreeeEventEmitter
는 등록된 순서 모든 리스너는 이벤트의 올바른 순서를 보장할 수 있습니다. 리스너는 setImmediate()
및 process.nextTick()
메서드를 사용하여 비동기 작업 모드로 전환할 수 있습니다🎜 rrreeeemitter.removeListener(eventName, Listener)
🎜rrreee🎜removeListener()를 정리하는 데 사용되는 메소드의 제거리스너 별칭은 리스너 배열에서 최대 하나의 리스너만 제거합니다. 지정된 eventName에 대한 리스너 배열에 리스너가 여러 번 추가된 경우 모든 인스턴스를 제거하려면 RemoveListener()를 여러 번 호출해야 합니다. Emitter.removeAllListeners([eventName])
emitter.eventNames()
를 통해 이벤트 개체의 eventName 배열을 얻을 수 있습니다.🎜rrreee🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 비디오🎜를 방문하세요! ! 🎜위 내용은 Node.js의 이벤트에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!