如何初始化含IScope、ISCEService参数的ComparisonComponent实例？

首先得明确一点：在AngularJS的常规开发流程里，你写的这类ComparisonComponent组件，通常是由AngularJS框架自动负责实例化的，不需要你手动调用new来创建实例——框架会帮你处理依赖注入、作用域关联这些事情。但如果确实有特殊场景需要手动创建实例，下面是具体的做法：

1. 在AngularJS依赖注入上下文内实例化（推荐） #

如果你的代码本身就在AngularJS的依赖注入环境里（比如另一个控制器、服务或者组件内部），直接通过依赖注入拿到$scope和$sce的实例，然后传入构造函数即可：

// 举个例子，在一个控制器里
angular.module('yourAppModule').controller('SomeController', function($scope, $sce) {
  // 直接用注入的$scope和$sce实例化组件
  const comp = new ComparisonComponent($scope, $sce);
});

这里的$scope是当前控制器对应的作用域，$sce是AngularJS内置的安全上下文服务，框架已经帮你准备好了实例，直接用就行。

2. 在AngularJS上下文外手动获取实例（不推荐） #

如果必须在AngularJS框架管理的上下文之外（比如全局脚本、非AngularJS代码里）创建实例，你需要手动获取这两个依赖的实例：

// 1. 获取根作用域（或者你需要的特定作用域）
// 这里以根作用域为例，也可以通过特定DOM元素获取对应作用域，比如angular.element('#someElement').scope()
const rootScope = angular.element(document.body).scope();

// 2. 获取$sce服务实例
const sceService = angular.injector(['ng']).get('$sce');

// 3. 实例化组件
const comp = new ComparisonComponent(rootScope, sceService);

⚠️ 注意：这种方式并不推荐，因为它打破了AngularJS的依赖注入和生命周期管理机制，手动创建的组件可能无法正常触发生命周期钩子，也无法和框架的其他部分正确交互，除非是调试或者特殊场景，否则尽量避免。

内容的提问来源于stack exchange，提问作者Carlos Vázquez Losada