How to use Javascript Registry with Bun?

在Bun 中使用 JavaScript 注册表（或称为全局状态管理）主要是通过创建一个可以在不同组件或模块间共享的全局对象来实现的。JavaScript 的注册表通常用于存储应用程序的状态，例如用户信息、配置设置等。下面是在 Bun 中如何实现注册表的步骤和示例：

步骤 1: 创建注册表

首先，我们需要创建一个用于存储全局状态的对象。这通常在应用程序的主入口文件或一个专门的模块中完成。

javascript
// registry.js
const registry = {};

export default registry;

步骤 2: 添加状态管理功能

接下来，我们要为注册表添加方法来增加、获取和设置状态。

javascript
// registry.js
const registry = {};

export function setItem(key, value) {
  registry[key] = value;
}

export function getItem(key) {
  return registry[key];
}

export function removeItem(key) {
  delete registry[key];
}

export default registry;

步骤 3: 使用注册表

现在注册表已经准备好了，我们可以在应用程序的任何模块或组件里导入并使用它。

javascript
// app.js
import { setItem, getItem } from './registry.js';

setItem('username', 'Alice');
console.log(getItem('username')); // 输出: Alice

示例: 管理用户会话

在一个典型的应用程序中，你可能需要跨多个页面或组件管理用户会话。注册表可以用来保存用户的登录状态和用户信息。

javascript
// session.js
import { setItem, getItem, removeItem } from './registry.js';

export function logIn(user) {
  setItem('user', user);
}

export function logOut() {
  removeItem('user');
}

export function getUser() {
  return getItem('user');
}

然后，在需要处理用户会话的组件中，你可以这样使用：

javascript
// loginComponent.js
import { logIn, getUser } from './session.js';

// 假设 user 从登录表单获取
logIn({ name: 'Alice', token: 'abc123' });

console.log(getUser()); // 输出: { name: 'Alice', token: 'abc123' }

这样，我们就创建了一个简单的全局注册表来管理应用程序的状态。使用 Bun 开发时，记得考虑到 Bun 的特定性能优化和最佳实践，以确保最优的性能和可维护性。