TypeScript中的功能开关：无需部署即可启用功能

当部署成为痛点：为什么开发者钟爱功能开关

想象一下：你花了一周时间开发一个新功能。通过了测试，完成了代码审查，按下了部署按钮。然后——砰！——生产环境全崩了。用户愤怒，经理焦虑，你手忙脚乱地回滚版本。熟悉吗？

现在想象另一个场景：你只对5%的用户启用新功能。观察指标。看到一切正常。逐步将比例提升到100%。没有压力，没有回滚，只有平静的信心。

这就是功能开关（也称为feature toggles、功能标志）的魔力。在TypeScript项目中，由于静态类型和严格的类型检查，这项技术尤其出色。今天我们来探讨如何在你的项目中实现功能开关，让你安心入睡，功能轻松启用。

用简单的话说，什么是功能开关

功能开关是代码中的一个条件开关，允许在不修改代码和重新部署的情况下启用或禁用功能。大致如下：

if (featureFlags.isEnabled('new-checkout')) {\n  // 新代码\n} else {\n  // 旧代码\n}\n

一切天才的设计都很简单，对吧？但在这简单背后，隐藏着一个强大的工具，被Google、Netflix、Facebook等巨头使用。他们不会部署每一个小改动——而是通过一个中央控制面板来管理应用的行为。

何时真正需要功能开关

\n
• 金丝雀发布 — 向一小部分用户推出新功能
\n
• 暗启动 — 隐藏测试，功能存在但用户看不到
\n
• A/B测试 — 比较两个功能版本
\n
• 紧急开关 — 无需部署即可紧急关闭问题代码
\n
• 权限测试 — 针对内部用户或按角色进行测试
\n

在TypeScript项目中，功能开关具有特殊魅力：编译器会检查你是否正确使用开关，不会混淆类型，也不会忘记处理所有状态。

功能开关系统的架构

在编写代码之前，让我们先了解一个完善的功能管理系统由哪些部分组成。

基本组件

\n
1. 开关存储 — 存放值的地方（JSON、数据库、外部服务）
\n
2. 提供者 — 加载和缓存开关的模块
\n
3. 客户端部分 — 检查开关状态的代码
\n
4. 控制面板 — 实时修改开关的界面
\n

TypeScript的最简实现

从一个最基本的例子开始。为开关创建一个类型和一个简单的服务：

// types/feature-flags.ts\nexport type FeatureFlag = \n  | 'new-checkout'\n  | 'dark-mode'\n  | 'recommendations-v2'\n  | 'beta-chat';\n\nexport interface FeatureFlagConfig {\n  flag: FeatureFlag;\n  enabled: boolean;\n  rolloutPercentage?: number;\n  userIds?: string[];\n}\n

现在编写服务本身：

// services/feature-flag.service.ts\nexport class FeatureFlagService {\n  private flags: Map<FeatureFlag, FeatureFlagConfig> = new Map();\n\n  constructor(initialFlags: FeatureFlagConfig[]) {\n    initialFlags.forEach(flag => {\n      this.flags.set(flag.flag, flag);\n    });\n  }\n\n  isEnabled(flag: FeatureFlag, userId?: string): boolean {\n    const config = this.flags.get(flag);\n    if (!config) return false;\n\n    if (!config.enabled) return false;\n\n    // 按特定用户检查\n    if (config.userIds && userId) {\n      return config.userIds.includes(userId);\n    }\n\n    // 按百分比发布