在 AngularJS 中编写可测试的代码是非常重要的，因为这可以帮助您确保代码质量和健壮性。AngularJS 的依赖注入（DI）系统使其易于编写可测试的代码。在本文中，我们将讨论如何在 AngularJS 服务的单元测试中注入依赖服务。
了解服务依赖注入
在 AngularJS 中，服务是一种特殊类型的对象，它可以在整个应用程序中共享数据和功能。每个服务都有其自己的生命周期，它们可以轻松地注入到其他组件中，例如控制器、指令或其他服务。这种通过 DI 系统进行注入的方式使得我们能够轻松地编写可测试的代码。
单元测试 AngularJS 服务
在 AngularJS 中，我们可以使用 Jasmine 或 Mocha 等测试框架来编写单元测试。当我们测试服务时，我们需要创建一个实例并注入所有依赖的服务。例如，考虑下面的 AngularJS 服务：
angular.module('myApp').service('myService', function(depService) {
this.doSomething = function() {
// code that depends on depService
};
});在上面的代码中，myService 依赖于 depService。在单元测试中，我们需要注入 depService 并测试 myService 的行为。我们可以使用以下代码来创建一个 myService 实例并注入 depService：
-- -------------------- ---- -------
--------------------- ---------- -
--- ---------- -----------
----------------------------
--------------------------------------- ------------- -
--------- - ------------
---------- - -------------
----
---------- -- ----------- ---------- -
-- ---- ---- ---- ---- --------- --- ----------
---
---在上面的代码中，beforeEach 函数用于设置测试环境。第一个 beforeEach 函数调用 module('myApp') 来加载应用程序模块。第二个 beforeEach 函数使用 inject 方法注入依赖服务，并将它们分别存储在 myService 和 depService 变量中。在测试代码块中，我们可以使用这些变量来测试 myService 的行为。
使用 $provide 提供假服务
有时，我们希望为某些依赖服务提供假实现，以便更好地控制测试环境。在 AngularJS 中，我们可以使用 $provide 服务来提供假服务。例如，考虑下面的 AngularJS 服务：
angular.module('myApp').service('myService', function($http) {
this.getData = function() {
return $http.get('/data');
};
});在上面的代码中，myService 依赖于 $http 服务。在单元测试中，我们可能希望模拟 $http 服务，以便更好地控制测试环境。我们可以使用以下代码来提供假的 $http 服务：
-- -------------------- ---- -------
--------------------- ---------- -
--- ---------- -------------
----------------------------
------------------------------------ -
--------------------------- ----------------------------------------
----
--------------------------------------- --------------- -
--------- - ------------
------------ - ---------------
------------------------------------------ - ----- ------ ---
----
---------- --- ------ ---------- -
------------------------------------------- -
------------------------------- ----- ------ ---
---
---------------------
---
---在上面的代码中，第一个 beforeEach 函数调用 module('myApp') 来加载应用程序模块。第二个
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25364