AngularJS应用开发思维之依赖注入3

寻觅不见的API之旅——AngularJS中的依赖注入思维

你是否曾在AngularJS的世界中迷失方向，试图通过全局对象angular访问某些功能时却找不到熟悉的API身影？比如，在jQuery中，我们习惯于使用$.ajax()来进行ajax调用，这种直观的API让人倍感亲切。在AngularJS中，虽然也有一个全局对象angular，但ajax调用的方式却大相径庭。

当你尝试沿用旧经验访问angular.$http时，可能会感到困惑。别担心，这并不是你的错。AngularJS采用了一种不同的组织方式——依赖注入（DI）。在这个模式下，所有的功能组件都是通过容器来管理和注入的，这意味着你必须通过一个中介才能获得某个组件的实例对象。

这个中介，就是依赖注入模式中的容器，也就是AngularJS中的注入器。通过注入器，我们可以轻松获取到诸如$http之类的服务。比如，我们可以通过以下代码获取$http对象：

```javascript

var injector = angularjector(['ng']);

injectorvoke(function($http){

// 在这里使用$http进行你的操作

});

```

注入器是AngularJS框架实现和应用开发的关键，这是一个DI/IoC容器的实现。AngularJS将功能分为不同类型的组件来实现，这些组件统称为提供者（provider）。常见的AngularJS内置服务如$http、$rootScope等，它们都是通过注入器来提供和管理的。

注入器有两个重要的功能：一是集中存储所有provider的配方，这些配方其实就是名称和类构造函数的组合。AngularJS启动时，这些provider使用其配方在注入器内注册。二是按需提供功能组件的实例。其他组件如果需要http服务，只需向注入器请求'$http'，就可以获得一个http服务实例。

那么，如何在AngularJS中注册自己的服务组件呢？其实非常简单。从injector的角度看，组件就是一个功能提供者，被称为供给者/Provider。在AngularJS中，provider通常以JavaScript类（构造函数）的形式封装。服务名称通常使用一个字符串标识，比如'$http'、'$rootScope'等。Provider类需要提供一个$get函数，injector通过调用这个函数获得服务组件的实例。

想要理解这一切？那就动手试试吧！注册一个自己的服务类，比如一个返回“hello, world!”字符串的服务，使用自定义的服务名在注入器里注册，然后通过注入器将这个实例展示出来。这样你就能深入理解AngularJS的依赖注入机制了。

创建与调用注入器：AngularJS的

在AngularJS框架中，注入器(injector)是一个核心组件，它负责创建和管理服务实例。我们可以通过angularjector()方法创建一个新的注入器，或者通过已经存在的DOM对象获取已经创建的注入器。

如何获取注入器呢？如果AngularJS框架已经启动，那么我们可以使用DOM对象的injector()方法获取已经创建的注入器。例如：

```javascript

var element = angular.element(dom_element);

var injector = elementjector();

```

注入器提供了两种主要的方法来调用API：invoke()和get()。

使用invoke()方法调用API

注入器的invoke()方法允许我们直接调用一个用户自定义的函数，并注入所依赖的服务对象。这是AngularJS推荐和惯例的用法。例如：

```javascript

angularjector(['ng'])

voke(function($http){

// 使用$http服务做一些事情

});

```

使用get()方法获取服务实例

我们也可以使用注入器的get()方法获取指定名称的服务实例。例如：

```javascript

var my$http = angularjector(['ng']).get('$http');

// 使用my$http做一些事情

```

让我们通过实例来感受get()方法的使用。在实际开发中，你可能会经常使用这种方式直接获取服务实例。

关于注入的方式和原理，主要有两种：参数名注入和依赖数组注入。参数名注入的方式是将待注入函数定义转化为字符串，通过正则表达式检查其参数表来发现并注入依赖的服务对象。当对JavaScript代码进行压缩处理时，这种方式可能会因为参数名的变化导致注入失败。为了解决这个问题，AngularJS引入了依赖数组注入的方式。在这种方式下，我们传入invoke()的是一个数组，数组的第一项是实际要执行的函数，其他项则是指明需要向该函数注入的服务名称。注入器会按照数组中的顺序，依次向函数注入依赖对象。这种方式不受代码压缩的影响，因为我们可以直接指定需要注入的服务名称，而无需依赖参数表的名称。例如：

```javascript

var myfunc = ['$http', '其他服务', function(httpService, otherService){

// 使用httpService和otherService做一些事情

}];

injectorvoke(myfunc);

```在实际开发中，推荐使用依赖数组注入的方式，因为它更加稳定可靠。希望以上内容对大家的学习有所帮助，也希望大家多多支持我们的博客。以上就是本文的全部内容，感谢大家的阅读和支持。

（由Cambrian系统渲染完成）