node.js中事件觸發(fā)器events的使用方法實例分析
本文實例講述了node.js中事件觸發(fā)器events的使用方法。分享給大家供大家參考,具體如下:
node.js是基于事件驅(qū)動的,通過events,我們可以方便的創(chuàng)建事件,并通過觸發(fā)事件來調(diào)用我們自定義的監(jiān)聽函數(shù)。
所有能觸發(fā)事件的對象都應該是 EventEmitter 類的實例,一般我們自定義一個類繼承于 EventEmitter 類。
通過on()方法我們可以綁定事件與監(jiān)聽函數(shù):
const Events = require('events');
//自定義一個類,繼承于EventEmitter類
class MyEvent extends Events {
}
//實例化一個我們自定義的事件類
let e = new MyEvent();
//通過on來綁定事件與監(jiān)聽函數(shù)
e.on('click', function () {
console.log('點擊了');
});
//通過emit觸發(fā)事件
e.emit('click');
emit()方法可以傳遞多個參數(shù)給監(jiān)聽函數(shù)使用:
const Events = require('events');
//自定義一個類,繼承于EventEmitter類
class MyEvent extends Events {
}
//實例化一個我們自定義的事件類
let e = new MyEvent();
//通過on來綁定事件與監(jiān)聽函數(shù)
e.on('click', function (...args) {
args.forEach(function (value) {
console.log(value);
});
});
//通過emit觸發(fā)事件
e.emit('click', 1, 2, 3);
addListener()方法是on()方法的別名,具體的使用,可以看on()方法。
once() 方法添加單次執(zhí)行的事件與監(jiān)聽函數(shù),只會執(zhí)行一次。
const Events = require('events');
//自定義一個類,繼承于EventEmitter類
class MyEvent extends Events {
}
//實例化一個我們自定義的事件類
let e = new MyEvent();
e.once('click', function () {
console.log('點擊');
});
//多次觸發(fā)事件,只會執(zhí)行一次
e.emit('click');
e.emit('click');
e.emit('click');
我們也可以通過 removeListener() 方法刪除指定的監(jiān)聽處理函數(shù),還有一個同名函數(shù) off(),用法一樣。
const Events = require('events');
//自定義一個類,繼承于EventEmitter類
class MyEvent extends Events {
}
//實例化一個我們自定義的事件類
let e = new MyEvent();
function click() {
console.log('點擊');
}
function move() {
console.log('移動');
}
e.on('事件', click);
e.on('事件', move);
//觸發(fā)事件
e.emit('事件');
//我們刪除其中一個綁定事件
e.off('事件', click);
//再次觸發(fā)事件后,被刪除的綁定事件就無法執(zhí)行了。
e.emit('事件');
當我們?yōu)槟硞€事件綁定過多監(jiān)聽函數(shù)時,就會打印警告,默認是 10 個,我們可以使用 setMaxListeners() 來設置最大監(jiān)聽數(shù)量
const Events = require('events');
//自定義一個類,繼承于EventEmitter類
class MyEvent extends Events {
}
//實例化一個我們自定義的事件類
let e = new MyEvent();
function click() {
console.log('點擊');
}
//如果設置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('事件');
通過 listeners() 函數(shù)可以返回指定事件的所有監(jiān)聽函數(shù)
const Events = require('events');
//自定義一個類,繼承于EventEmitter類
class MyEvent extends Events {
}
//實例化一個我們自定義的事件類
let e = new MyEvent();
function click() {
console.log('點擊');
}
function move() {
console.log('移動');
}
e.on('事件', click);
e.on('事件', move);
//獲取該事件的所有監(jiān)聽函數(shù)
let arr = e.listeners('事件');
//循環(huán)調(diào)用
arr.forEach(function (fn) {
fn();
});
通過 eventNames() 獲取所有事件名數(shù)組
const Events = require('events');
//自定義一個類,繼承于EventEmitter類
class MyEvent extends Events {
}
//實例化一個我們自定義的事件類
let e = new MyEvent();
function click() {
console.log('點擊');
}
function move() {
console.log('移動');
}
e.on('點擊', click);
e.on('移動', move);
//獲取所有事件名數(shù)組
console.log(e.eventNames());
事件對象的 'newListener' 和 'removeListener' 事件
事件對象添加新的監(jiān)聽器之前,會觸發(fā)自身的 'newListener' 事件。
事件對象刪除監(jiān)聽器后觸發(fā) 'removeListener' 事件。
const Events = require('events');
class MyEvent extends Events {
}
let e = new MyEvent();
//注意 'newListener' 事件是在添加監(jiān)聽器之前觸發(fā)的
e.once('newListener', function (eventName, listener) {
console.log(eventName, '事件被添加');
//所以這里的事件回調(diào)會先執(zhí)行
e.on('click', function () {
console.log('我比點擊了,先顯示');
});
});
//注意 'removeListener' 事件是在監(jiān)聽器移除后觸發(fā)
e.on('removeListener', function (eventName, listener) {
console.log(eventName, '事件被刪除');
});
//綁定click事件
e.on('click', function () {
console.log('點擊了');
});
//觸發(fā)click事件
e.emit('click');
//移除事件
e.removeAllListeners('click');
希望本文所述對大家node.js程序設計有所幫助。
相關文章
node.js基于dgram數(shù)據(jù)報模塊創(chuàng)建UDP服務器和客戶端操作示例
這篇文章主要介紹了node.js基于dgram數(shù)據(jù)報模塊創(chuàng)建UDP服務器和客戶端操作,結(jié)合實例形式分析了node.js使用dgram數(shù)據(jù)報模塊創(chuàng)建UDP服務器和客戶端,以及進行UDP廣播、組播相關操作技巧,需要的朋友可以參考下2020-02-02
NodeJS模塊與ES6模塊系統(tǒng)語法及注意點詳解
這篇文章主要給大家介紹了關于NodeJS模塊與ES6模塊系統(tǒng)語法及注意點的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-01-01
nodejs使用express創(chuàng)建一個簡單web應用
這篇文章主要介紹了nodejs使用express創(chuàng)建一個簡單web應用的相關資料,需要的朋友可以參考下2017-03-03

