PubSubJS的基本使用

最新推荐文章于 2025-07-09 15:08:36 发布

原创最新推荐文章于 2025-07-09 15:08:36 发布 · 1.6w 阅读

23 ·

CC 4.0 BY-SA版权

文章标签：

#react #pubsub

react 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了PubSubJS的基本使用，包括什么是PubSubJS、如何发布和订阅，以及在JavaScript中的应用。PubSubJS是一个用于实现发布/订阅模式的库，适用于React等前端框架。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

日常积累,欢迎指正

参考

PubSubJS-GitHub
PubSubJS-npm

使用说明

首先说明我当前使用的 pubsub 版本为 1.6.0

什么是 pubsub?

PubSubJS is a topic-based publish/subscribe library written in JavaScript.即一个利用JavaScript进行发布/订阅的库

使用

React + TypeScript

发布

import Pubsub from 'pubsub-js'
export const pubsubID = 'd806a360-21aa-406e-9e5f-7f375087514f'  // pubsub token
Pubsub.publish(StationStatisticsID, data)
// 或
PubSub.publishSync(StationStatisticsID, data)


import Pubsub from 'pubsub-js'
import {pubsubID} from 'xxx'

componentDidMount() {
	/**
	* 订阅
	*/
	pubsub = Pubsub.subscribe(pubsubID, (msg, data) => {
		console.log(msg) // 这里将会输出对应设置的 pubsubID
		console.log(data) // 这里将会输出对应设置的参数
	})
}
componentWillUnmount() {
	/**
	* 取消指定的订阅
	*/
	Pubsub.unsubscribe(pubsub)
	/**
	* 取消全部订阅
	*/
	PubSub.clearAllSubscriptions()
}