相關推薦:《nodejs 教學》
前端對事件肯定不陌生,為window 綁定scroll 事件
1 2 3 | window.addEventListener( 'scroll' , ev => {
console.log(ev);
});
|
登入後複製
Node.js 大部分非同步操作使用事件驅動,所有可以觸發事件的物件都繼承了EventEmitter
類別
事件監聽
Node.js 事件監聽使用和jQuery API 非常類似emitter.on(eventName, listener)
1 2 | const ee = new EventEmitter();
ee.on( 'foo' , () => console.log( 'a' ));
|
登入後複製
- EventEmitter 實例會維護一個listener 數組,每次listener 默認會被加入到陣列尾部
- 每次加入listener 不會檢查是否有新增過,多次呼叫on 傳入相同的eventName 和listener,會導致listener 被加入多次
prependListener
emitter.prependListener(eventName, listener)
透過prependListener 可以把listener 加到listener 陣列頭
1 2 | const ee = new EventEmitter();
ee.prependListener( 'foo' , () => console.log( 'a' ));
|
登入後複製
once
#如果希望listener 被觸發一次後就不再觸發,可以使用once 來綁定事件
1 2 | const ee = new EventEmitter();
ee.once( 'foo' , () => console.log( 'a' ));
|
登入後複製
事件觸發
emitter.emit(eventName[, ... args])
在瀏覽器環境中開發者事件相關的大部分工作是訂閱事件,也就是綁定事件處理函數listener,在Node.js 事件編程中經常需要創建事件對象,在合理實際觸發事件。使用emit 方法可以依照listener 註冊的順序,同步地呼叫每個註冊到名為eventName 的事件的監聽器,並傳入提供的參數
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | 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);
|
登入後複製
this 指向
eventEmitter.emit()
方法可以傳任意數量的參數到 listener,this
關鍵字會被指向listener 所綁定的EventEmitter 實例
1 2 3 4 5 6 7 8 9 10 11 | const myEmitter = new MyEmitter();
myEmitter.on( 'event' , function (a, b) {
console.log(a, b, this, this === myEmitter);
});
myEmitter.emit( 'event' , 'a' , 'b' );
|
登入後複製
也可以使用ES6 的箭頭函數作為監聽器。但this
關鍵字不會指向EventEmitter 實例:
1 2 3 4 5 6 | const myEmitter = new MyEmitter();
myEmitter.on( 'event' , (a, b) => {
console.log(a, b, this);
});
myEmitter.emit( 'event' , 'a' , 'b' );
|
登入後複製
非同步呼叫
EventEmitter
以註冊的順序同步地呼叫所有listener,這樣可以確保事件的正確排序,listener 可以使用setImmediate()
和process.nextTick()
方法切換到非同步的操作模式
1 2 3 4 5 6 7 | const myEmitter = new MyEmitter();
myEmitter.on( 'event' , (a, b) => {
setImmediate(() => {
console.log( '异步地发生' );
});
});
myEmitter.emit( 'event' , 'a' , 'b' );
|
登入後複製
事件卸載
#Node.js 提供了幾種卸載事件綁定的方法
off/removeListener
off 方法是removeListener 方法的別名,用於清理事件綁定 emitter.removeListener(eventName, listener)
1 2 3 4 5 6 | const callback = (stream) => {
console.log( '已连接' );
};
server.on( 'connection' , callback);
server.removeListener( 'connection' , callback);
|
登入後複製
removeListener() 最多只會從監聽器陣列中移除一個監聽器。如果監聽器被多次加入指定eventName 的監聽器陣列中,則必須多次呼叫removeListener() 才能移除所有實例
removeAllListeners
#emitter. removeAllListeners([eventName])
移除指定的 eventName 事件的listener,如果沒有指定eventName,則移除所有事件物件的listener。可以透過 emitter.eventNames()
取得事件物件上的 eventName 陣列
1 2 3 4 5 6 | const EventEmitter = require ( 'events' );
const myEE = new EventEmitter();
myEE.on( 'foo' , () => {});
myEE.on( 'bar' , () => {});
myEE.eventNames().forEach(eventName => myEE.removeAllListeners);
|
登入後複製
更多程式設計相關知識,請造訪:程式設計影片! !
以上是詳解Node.js中的事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!