Angular依赖注入：PLATFORM Injection Token详解

Angular 依赖注入

Angular 依赖注入系统被称为其核心灵魂并不为过，它让代码共享与依赖管理变得异常便捷。在众多依赖注入工具中，InjectionToken 是一个基础但容易让人困惑的概念——可将其视为一个特殊“标记”，用于在依赖注入容器中注册并取出特定值。今天要介绍的 PLATFORM_ID，正是这个标记家族中最常用的成员之一。

PLATFORM_ID 的作用与用法

PLATFORM_ID 的功能非常直接：它标识出当前应用运行在哪个平台上——浏览器、服务器或其他环境。你可能会问：“知道这个有什么用？” 其实用处很大——当编写平台特定的代码时，例如某些逻辑只应在浏览器中执行，而服务器端渲染（SSR）时必须跳过，此时 PLATFORM_ID 就是判断的关键钥匙。

下面这段代码展示了基本用法：

import { PLATFORM_ID } from '@angular/core';
import { isPlatformBrowser } from '@angular/common';
constructor(@Inject(PLATFORM_ID) private platformId: Object) { }
ngOnInit() {
  if (isPlatformBrowser(this.platformId)) {
    // 这些代码只在浏览器中运行
  }
}

从 @angular/core 导入 PLATFORM_ID，从 @angular/common 导入 isPlatformBrowser。在构造器中注入 PLATFORM_ID，然后在 ngOnInit 中判断——仅在浏览器环境执行。代码结构无需改变，行为却能随平台动态切换，这正是 Angular 依赖注入的优雅之处。

除了 isPlatformBrowser，Angular 还提供了 isPlatformServer 用于检测服务器端。对于需要区分 SSR 和客户端渲染的场景，这个组合非常实用。当然，PLATFORM_ID 的用途不止于此——你完全可以基于它实现更灵活的依赖注入策略，例如为不同平台提供不同的服务实现。

概括来说，PLATFORM_ID 让我们在不修改代码结构的前提下，优雅地适应多平台需求。代码变得更灵活，维护起来也更加省心。

总结

PLATFORM_ID 是 Angular 依赖注入工具箱中一个轻巧但威力不小的工具。合理使用它，能有效提升代码质量，也能避免诸多平台相关的“if-else”困境。下次编写跨平台 Angular 应用时，不妨借助这个好帮手。