名前空間イベントリスナー nsevent の詳細な紹介 (コード例)-jsチュートリアル-php.cn

名前空間イベントリスナー nsevent の詳細な紹介 (コード例)

不言

リリース： 2019-01-10 10:04:27

転載

2775 人が閲覧しました

この記事では、名前空間イベントリスナー nsevent について詳しく説明します (コード例)。必要な方は参考にしていただければ幸いです。

このモジュールの主な理由は、WeChat 開発中の 2 つのページ間のステータスのやり取りを監視することです。

たとえば、ページ A とページ B には 2 つのお気に入りがあり、ページ B には同じお気に入りがあります。 . item、同じイベントをリッスンします

// 收藏事件改变
nsevent.on('collectChange', () => {
    // 刷新列表数据
})

ログイン後にコピー

次に、pageA ページでcollect(collection)イベントを操作すると、独自のページのcollectChangeコールバックがトリガーされます。このとき、nseventが役に立ちます。 pageA で次のように記述します

// 收藏事件改变
nsevent.on('collectChange', () => {
    // 刷新列表数据
}, 'pageA')

ログイン後にコピー

pageA のイベントが pageB でトリガーされた場合、自身のページのコールバックはトリガーされません。pageA のcollectChange イベントをトリガーすることもできます。

// 触发collectChange事件
NSEvent.emit('collectChange', params, { ns: ['pageA'] });

ログイン後にコピー

nsevent document

名前空間を持つイベントエミッター - 名前空間を持つイベントエミッター

インストールと使用

// 触发collectChange事件
NSEvent.emit('collectChange', params, { ns: ['pageA', 'pageB'] });

ログイン後にコピー

npm i nsevent --save

ログイン後にコピー

const nsevent = require('nsevent');

ログイン後にコピー

on(eventName, fn, namespace)

パラメータ必須eventName は Noonce(eventName, fn)

説明
リスニングイベント名		#fn
コールバック関数		namespace
Namespace		// 浏览器 <script src="dist/nsevent.umd.js"></script> ログイン後にコピー

パラメータ必須eventName は emit(eventName, arg1, arg2, ..., object)

説明
リスニングイベント名		#fn
コールバック関数		NSEvent.on('add', (a, b) => { console.log(a, b); }); NSEvent.on('add', (a, b) => { console.log(a, b, 'ns'); }, 'ns'); // 1, 2 // 1, 2, 'ns' NSEvent.emit('add', a, b); ログイン後にコピー

#パラメータ

##必須説明##イベント名listening イベント名##arg[1,2,3...]No渡される値コールバック関数へ



#object	No	{最後に渡されたオブジェクト、ns: ['ns'] } 名前空間を指定できます。イベントをトリガーします
NSEvent.once('add', (a, b) => { console.log(a, b); }); NSEvent.emit('add', 1, 2); // 1, 2 NSEvent.emit('add', 1, 2); // nothing ログイン後にコピー	off(eventName, [string\|function\|array])

#パラメータ

必須

説明リスニングイベント名配列アンバインドコールバック関数#関数##array 配列を通じて名前を指定しますスペースまたは関数のバインド解除

		eventName	# は
	##string	function	No
	##文字列	バインドを解除する名前空間を指定します
		バインドを解除する関数を指定してください

NSEvent.on('fire', () => { console.log('fire ns'); }, 'ns'); NSEvent.on('fire', () => { console.log('fire ns2'); }, 'ns'); NSEvent.on('fire', () => { console.log('fire'); }); NSEvent.emit('fire'); // fire ns, fire ns2, fire console.log("======"); NSEvent.emit('fire', 1, 2, { ns: [] }); // nothing NSEvent.emit('fire', 1, 2, { ns: ['ns'] }); // fire ns, fire ns2 ログイン後にコピー