node.js中事件觸發(fā)器events的使用方法實(shí)例分析

發(fā)布時(shí)間：2020-09-25 06:45:50 來(lái)源：腳本之家閱讀：166 作者：懷素真欄目：web開(kāi)發(fā)

本文實(shí)例講述了node.js中事件觸發(fā)器events的使用方法。分享給大家供大家參考，具體如下：

node.js是基于事件驅(qū)動(dòng)的，通過(guò)events，我們可以方便的創(chuàng)建事件，并通過(guò)觸發(fā)事件來(lái)調(diào)用我們自定義的監(jiān)聽(tīng)函數(shù)。

所有能觸發(fā)事件的對(duì)象都應(yīng)該是 EventEmitter 類的實(shí)例，一般我們自定義一個(gè)類繼承于 EventEmitter 類。

通過(guò)on()方法我們可以綁定事件與監(jiān)聽(tīng)函數(shù)：

const Events = require('events');
//自定義一個(gè)類，繼承于EventEmitter類
class MyEvent extends Events {
}
//實(shí)例化一個(gè)我們自定義的事件類
let e = new MyEvent();
//通過(guò)on來(lái)綁定事件與監(jiān)聽(tīng)函數(shù)
e.on('click', function () {
  console.log('點(diǎn)擊了');
});
//通過(guò)emit觸發(fā)事件
e.emit('click');

emit()方法可以傳遞多個(gè)參數(shù)給監(jiān)聽(tīng)函數(shù)使用：

const Events = require('events');
//自定義一個(gè)類，繼承于EventEmitter類
class MyEvent extends Events {
}
//實(shí)例化一個(gè)我們自定義的事件類
let e = new MyEvent();
//通過(guò)on來(lái)綁定事件與監(jiān)聽(tīng)函數(shù)
e.on('click', function (...args) {
  args.forEach(function (value) {
    console.log(value);
  });
});
//通過(guò)emit觸發(fā)事件
e.emit('click', 1, 2, 3);

addListener()方法是on()方法的別名，具體的使用，可以看on()方法。

once() 方法添加單次執(zhí)行的事件與監(jiān)聽(tīng)函數(shù)，只會(huì)執(zhí)行一次。

const Events = require('events');
//自定義一個(gè)類，繼承于EventEmitter類
class MyEvent extends Events {
 
}
//實(shí)例化一個(gè)我們自定義的事件類
let e = new MyEvent();
e.once('click', function () {
  console.log('點(diǎn)擊');
});
//多次觸發(fā)事件，只會(huì)執(zhí)行一次
e.emit('click');
e.emit('click');
e.emit('click');

我們也可以通過(guò) removeListener() 方法刪除指定的監(jiān)聽(tīng)處理函數(shù)，還有一個(gè)同名函數(shù) off()，用法一樣。

const Events = require('events');
//自定義一個(gè)類，繼承于EventEmitter類
class MyEvent extends Events {
}
//實(shí)例化一個(gè)我們自定義的事件類
let e = new MyEvent();
function click() {
  console.log('點(diǎn)擊');
}
function move() {
  console.log('移動(dòng)');
}
e.on('事件', click);
e.on('事件', move);
//觸發(fā)事件
e.emit('事件');
//我們刪除其中一個(gè)綁定事件
e.off('事件', click);
//再次觸發(fā)事件后，被刪除的綁定事件就無(wú)法執(zhí)行了。
e.emit('事件');

當(dāng)我們?yōu)槟硞€(gè)事件綁定過(guò)多監(jiān)聽(tīng)函數(shù)時(shí)，就會(huì)打印警告，默認(rèn)是 10 個(gè)，我們可以使用 setMaxListeners() 來(lái)設(shè)置最大監(jiān)聽(tīng)數(shù)量

const Events = require('events');
//自定義一個(gè)類，繼承于EventEmitter類
class MyEvent extends Events {
}
//實(shí)例化一個(gè)我們自定義的事件類
let e = new MyEvent();
function click() {
  console.log('點(diǎn)擊');
}
//如果設(shè)置0，則表示不受限制
e.setMaxListeners(0);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.on('事件', click);
e.emit('事件');

通過(guò) listeners() 函數(shù)可以返回指定事件的所有監(jiān)聽(tīng)函數(shù)

const Events = require('events');
//自定義一個(gè)類，繼承于EventEmitter類
class MyEvent extends Events {
}
//實(shí)例化一個(gè)我們自定義的事件類
let e = new MyEvent();
function click() {
  console.log('點(diǎn)擊');
}
function move() {
  console.log('移動(dòng)');
}
e.on('事件', click);
e.on('事件', move);
//獲取該事件的所有監(jiān)聽(tīng)函數(shù)
let arr = e.listeners('事件');
//循環(huán)調(diào)用
arr.forEach(function (fn) {
  fn();
});

通過(guò) eventNames() 獲取所有事件名數(shù)組

const Events = require('events');
//自定義一個(gè)類，繼承于EventEmitter類
class MyEvent extends Events {
}
//實(shí)例化一個(gè)我們自定義的事件類
let e = new MyEvent();
function click() {
  console.log('點(diǎn)擊');
}
function move() {
  console.log('移動(dòng)');
}
e.on('點(diǎn)擊', click);
e.on('移動(dòng)', move);
//獲取所有事件名數(shù)組
console.log(e.eventNames());

事件對(duì)象的 'newListener' 和 'removeListener' 事件

事件對(duì)象添加新的監(jiān)聽(tīng)器之前，會(huì)觸發(fā)自身的 'newListener' 事件。

事件對(duì)象刪除監(jiān)聽(tīng)器后觸發(fā) 'removeListener' 事件。

const Events = require('events');
class MyEvent extends Events {
}
let e = new MyEvent();
//注意 'newListener' 事件是在添加監(jiān)聽(tīng)器之前觸發(fā)的
e.once('newListener', function (eventName, listener) {
  console.log(eventName, '事件被添加');
  //所以這里的事件回調(diào)會(huì)先執(zhí)行
  e.on('click', function () {
    console.log('我比點(diǎn)擊了，先顯示');
  });
});
//注意 'removeListener' 事件是在監(jiān)聽(tīng)器移除后觸發(fā)
e.on('removeListener', function (eventName, listener) {
  console.log(eventName, '事件被刪除');
});
//綁定click事件
e.on('click', function () {
  console.log('點(diǎn)擊了');
});
//觸發(fā)click事件
e.emit('click');
//移除事件
e.removeAllListeners('click');

希望本文所述對(duì)大家node.js程序設(shè)計(jì)有所幫助。

向AI問(wèn)一下細(xì)節(jié)

node.js中事件觸發(fā)器events的使用方法實(shí)例分析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽