首頁 > web前端 > js教程 > 詳解Node.js中的事件

詳解Node.js中的事件

青灯夜游
發布: 2020-12-01 17:34:01
轉載
3139 人瀏覽過

詳解Node.js中的事件

相關推薦:《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'));

登入後複製
  1. EventEmitter 實例會維護一個listener 數組,每次listener 默認會被加入到陣列尾部
  2. 每次加入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);

 

// Prints:

// [

//   [Function: firstListener],

//   [Function: secondListener],

//   [Function: thirdListener]

// ]

// 第一个监听器

// 第二个监听器中的事件有参数 1、2

// 第三个监听器中的事件有参数 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);

  // 打印:

  //   a b MyEmitter {

  //     domain: null,

  //     _events: { event: [Function] },

  //     _eventsCount: 1,

  //     _maxListeners: undefined } true

});

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);

  // 打印: a b {}

});

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中文網其他相關文章!

相關標籤:
來源:cnblogs.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板