什么是“装饰器”，它们是如何使用的？

Question

我很好奇 AngularJS 中的装饰器到底是什么。除了AngularJS documentation 中的简介和youtube video 中的简短（尽管很有趣）提及之外，没有太多关于装饰者的在线信息。

正如 Angular 人所说，装饰器是：

服务的装饰，允许装饰器拦截服务 实例创建。返回的实例可能是原始实例， 或委托给原始实例的新实例。

我真的不知道是什么意思，而且我不确定你为什么要将这个逻辑与服务本身分开。例如，如果我想在不同的条件下返回不同的东西，我只需将不同的参数传递给相关函数或使用另一个函数共享该私有状态。

我还是个 AngularJS 菜鸟，所以我确信这只是我的无知和/或坏习惯。

Answer 1

装饰器允许我们分离横切关注点并允许服务保留单一职责原则，而无需担心“基础设施”代码。

装饰器的实际用途：

• 缓存：如果我们的服务可能会进行昂贵的 HTTP 调用，我们可以将服务包装在缓存装饰器中，该装饰器会在进行外部调用之前检查本地存储。
• 调试/跟踪：根据您的开发/生产配置进行切换，使用调试或跟踪包装器装饰您的服务。
• 限制：将频繁触发的调用包装在去抖动包装器中。例如，让我们能够轻松地与速率受限的服务进行交互。

在所有这些情况下，我们将服务中的代码限制为其主要职责。

Answer 2

简而言之，装饰器可以描述如下：-

装饰器函数拦截服务的创建，允许它 覆盖或修改服务的行为。

它通过角度使用$provide服务并修改或替换另一个服务的实现

$provide.decorator('service to decorate',['$delegate', function($delegate) {
  // $delegate - The original service instance, 
  //             which can be replaced, monkey patched, 
  //             configured, decorated or delegated to. 
  //             ie here what is there in the 'service to decorate'

  //   This function will be invoked, 
  //   when the service needs to be provided 
  //   and should return the decorated service instance.
  return $delegate;
}]);

例子：

$provide.decorator('$log', ['$delegate', function($delegate) {
  // This will change implementation of log.war to log.error
  $delegate.warn = $delegate.error; 
  return $delegate;
}]);

应用程序

除了@JBland 的回答。

• 应用范围的区域设置：-

  你可以找到一个例子here

• 通过角度服务更改服务的默认行为和现有实现：-

  您可以找到一个示例here

• 函数在不同环境中的切换行为。

Answer 3

简单来说，我们可以说它就像一个扩展方法。对于前。我们有一个类，它有两个方法，在运行时我们想在其中添加更多方法，然后我们使用装饰器。

我们不能将 $provide.decorator 与常量一起使用，因为我们无法更改它们正在提升只读属性的常量。

Answer 4

$provide.decorator 的一个很好的用例是当您需要对您的模块所依赖的某些第三方/上游服务进行较小的“调整”，同时保持服务完好无损（因为您不是所有者/维护者服务）。 Here 是 plunkr 上的演示。

Answer 5

decorator 可以拦截factory, service, value, provider 创建的服务实例，并提供更改一些instance(service) 的选项，否则这些instance(service) 是不可配置的/带有选项。

它还可以提供模拟实例用于测试目的，例如$http。