angularJS学习小结——service

2024-08-26 15:18

本文主要是介绍angularJS学习小结——service,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!


   引言


   最近在项目中用到了关于angularJS中的服务相关的知识,在起初学习这个东西的时候就了解到这个东西在项目


中是经常被用到的,在angular中也是比较重要的一块,所以今天小编就总结一些关于service的知识。


   认识Service


   关于service我们一点都不陌生,不论实在c#中还是java中我们经常会遇到service的概念,其实service的作用


就是对外提供某种特定的功能,也就是我们经常说的“为了实现某个功能而调用哪个服务”是一样的道理,他们一般


是一个独立的模块,ng服务是这样的定义的:


   Angular services are singletons objects or functions that carry out specific tasks common to web apps.

   1、它是一个单利对象或函数,对外提供特定的功能。


   2、它与我们自己定义一个function然后在其他地方调用不同,因为服务被定义在一个模块中,所以它的作用范


围是可以被我们来管理的,ng避免全局变量污染意识是非常强的。


   自定义服务


   在angular中为我们提供了三种不同的方式来实现自定义服务,他们分别是系统内置的$provider、module中的


service和module中的factory,下面来看看如何使用这三种方式;


   1)$provide的使用


   Providers 是唯一一种你可以传进 .config() 函数的 service。当你想要在 service 对象启用之前,先进行


模块范围的配置,那就应该用 provider


 var m1 = angular.module('myApp', [], function ($provide) {$provide.provider('providerService01', function () {this.$get = function () {return {message: 'this is providerService01'}}})$provide.provider('providerService02', function () {this.$get = function () {var _name = '';var service = {};service.setName = function (name) {_name = name;}service.getName = function () {return _name}return service;}})})m1.controller('firstController', ['$scope', 'providerService01', 'providerService02', function ($scope, providerService01, providerService02) {console.log(providerService01);providerService02.setName("李四");$scope.name = providerService02.getName();}])

   我们在使用$provide的使用可以像上面这样直接在module中直接注入$provide,然后再module中依次定义多个


务,当然我们也可以利用config来完成服务的定义。


var m1=angular.module('myApp',[]);
m1.config(function($provide){$provide.provider('providerService01', function () {this.$get = function () {return {message: 'this is providerService011'}}});$provide.provider('providerService02', function () {this.$get = function () {var _name='';var service={};service.setName=function(name){_name=name;}service.getName=function(){return _name}return service;}});
})


    上面这两种实现方式达到的效果是一样的,所以我们在使用的时候可以任意选择一种来实现。


   2)factory的使用


   Factory方法直接把一个函数当成一个对象的$get 方法可以直接返回字符串,用 Factory 就是创建一个对象,


为它添加属性,然后把这个对象返回出来。你把 service 传进 controller 之后,在 controller 里这个对象里的


属性就可以通过 factory 使用了。 

var m1 = angular.module('myApp', [], function ($provide) {$provide.factory('factoryService01',function(){return{message:'this is providerServices01'}})
});

   factory的使用比$provide的使用简单一些,可以在factory直接返回已给对象,不在使用$get来实现对象的返


回。并且$factory和$provide不仅仅可以返回一个对象还可以返回一个任意的字符串。


   3)service的使用


   Service 是用"new"关键字实例化的。因此,你应该给"this"添加属性,然后 service 返回"this"。你把 


service 传进 controller 之后,在 controller 里 "this" 上的属性 就可以通过 service 来使用了   


$provide.service('service01',function(){return{message:'this is providerServices01'}})

   service和factory的使用是非常相似的,但是service是不能返回字符串的,而factory既可以返回对象也可以返回任意


的字符串。


   三者的区别:provider需要借助$get来实现,而其余的两者都不需要。series不能返回字符串,而其他的两个


都可以返回。


   服务之间的依赖关系


   我们在实现某个功能的时候也许需要多个服务相互依赖才可以完成,那么对于服务之间的关系我们就需要来管


理,例如我们在完成一个数据验证的功能,这是在jsFiddle中找的一个非常简单的小例子

var app = angular.module('MyApp', []);
app.controller('testC3',function($scope,validate){$scope.validateData = validate;
});app.factory('remoteData',function(){var data = {name:'n',value:'v'};return data;
});app.factory('validate',function(remoteData){return function(){if(remoteData.name=='n'){alert('验证通过');}};
});

    服务validate是来验证数据是否合法的功能,但是它需要依赖另外一个服务remoteData来获得数据,但是在


factory的参数中,我们可以直接传入服务remoteData,ng的依赖注入机制便帮我们做好了其他工作。不过一定要保


证这个参数的名称与服务名称一致,ng是根据名称来识别的。若参数的名次与服务名称不一致,你就必须显示的声明


一下,方式如下:


app.factory('validate',['remoteData',function(remoteDataService){return function(){if(remoteDataService.name=='n'){alert('验证通过');}};
}]);


  小结


  以上是小编在学习angularJS服务的一些总结,这些都是入门的知识,在这和大家分享一下,如果想要对服务有更


层的理解还需要我们在项目中好好的研究。

这篇关于angularJS学习小结——service的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1108926

相关文章

Python打印对象所有属性和值的方法小结

《Python打印对象所有属性和值的方法小结》在Python开发过程中,调试代码时经常需要查看对象的当前状态,也就是对象的所有属性和对应的值,然而,Python并没有像PHP的print_r那样直接提... 目录python中打印对象所有属性和值的方法实现步骤1. 使用vars()和pprint()2. 使

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

Java对异常的认识与异常的处理小结

《Java对异常的认识与异常的处理小结》Java程序在运行时可能出现的错误或非正常情况称为异常,下面给大家介绍Java对异常的认识与异常的处理,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参... 目录一、认识异常与异常类型。二、异常的处理三、总结 一、认识异常与异常类型。(1)简单定义-什么是

MybatisPlus service接口功能介绍

《MybatisPlusservice接口功能介绍》:本文主要介绍MybatisPlusservice接口功能介绍,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友... 目录Service接口基本用法进阶用法总结:Lambda方法Service接口基本用法MyBATisP

Go学习记录之runtime包深入解析

《Go学习记录之runtime包深入解析》Go语言runtime包管理运行时环境,涵盖goroutine调度、内存分配、垃圾回收、类型信息等核心功能,:本文主要介绍Go学习记录之runtime包的... 目录前言:一、runtime包内容学习1、作用:① Goroutine和并发控制:② 垃圾回收:③ 栈和

Android学习总结之Java和kotlin区别超详细分析

《Android学习总结之Java和kotlin区别超详细分析》Java和Kotlin都是用于Android开发的编程语言,它们各自具有独特的特点和优势,:本文主要介绍Android学习总结之Ja... 目录一、空安全机制真题 1:Kotlin 如何解决 Java 的 NullPointerExceptio

Python函数返回多个值的多种方法小结

《Python函数返回多个值的多种方法小结》在Python中,函数通常用于封装一段代码,使其可以重复调用,有时,我们希望一个函数能够返回多个值,Python提供了几种不同的方法来实现这一点,需要的朋友... 目录一、使用元组(Tuple):二、使用列表(list)三、使用字典(Dictionary)四、 使

Python程序的文件头部声明小结

《Python程序的文件头部声明小结》在Python文件的顶部声明编码通常是必须的,尤其是在处理非ASCII字符时,下面就来介绍一下两种头部文件声明,具有一定的参考价值,感兴趣的可以了解一下... 目录一、# coding=utf-8二、#!/usr/bin/env python三、运行Python程序四、

Python中合并列表(list)的六种方法小结

《Python中合并列表(list)的六种方法小结》本文主要介绍了Python中合并列表(list)的六种方法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋... 目录一、直接用 + 合并列表二、用 extend() js方法三、用 zip() 函数交叉合并四、用

Spring Boot中的YML配置列表及应用小结

《SpringBoot中的YML配置列表及应用小结》在SpringBoot中使用YAML进行列表的配置不仅简洁明了,还能提高代码的可读性和可维护性,:本文主要介绍SpringBoot中的YML配... 目录YAML列表的基础语法在Spring Boot中的应用从YAML读取列表列表中的复杂对象其他注意事项总