【AngularJS中的自定义服务service VS factory VS provider】---它们的区别，你知道么？
在介绍AngularJS自定义服务之前，我们先来了解一下AngularJS~
学过HTML的人都知道，HTML是一门很好的伪静态文本展示设计的声明式语言，但是，要构建WEB应用的话它就显得乏力了。
而AngularJS是为了克服HTML在构建应用上的不足而设计的。
AngularJS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。它有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等……
AngularJS通过新的属性和表达式扩展了HTML；可以构建一个单一页面应用程序；而且学习起来非常简单。
有了以上的了解，我们来看一下AngularJS中的自定义服务。
angularjs中可通过三种方式自定义服务，
分别为$service，$factory，$provider。
下面我就给大家分别介绍一下三种AngularJS自定义服务的区别：
一、服务service
第一次被注入时实例化，只实例化一次，整个应用的生命周期中是个单例模式，可以用来在controller之间传递数据；
使用new关键字实例化，所以直接使用this定义service，如果你不知道原因，就看看js中的this。
例如：
.service('myService', ['', function() {
this.getName = function() {
return 'CooMark';
}
}])
内置服务：
>>> 使用内置服务,必须在Controller中通过函数的参数注入进来！！！！！
$location：返回当前页面的 URL地址。
$http:向服务器发送请求，应用响应服务器传送过来的数据,类似于Ajax
$timeout：相当于setTimeout();
$interval：相当于setInterval();
（参考代码）body部分：
<body ng-app="app" ng-controller="ctrl">
<p>[功能]<br />
{{gongneng}}
</p>
<p>255转为16进制为:{{num}}</p>
</body>
（参考代码）JS部分：
先导入JS文件angular.js！！！
<script src="libs/angular.js"></script>
<script>
angular.module("app",[])
.controller("ctrl",function($scope,$location,$timeout,$interval,$hexafy){ // $scope.local = $location.$$absUrl;
// $scope.local = $location.absUrl(); $scope.local = $location.$$host; $timeout(function () {
$scope.myHeader = "How are you today?";
}, 2000);
$scope.num = 0; $interval(function(){
$scope.num ++;
},1000); $scope.gongneng = $hexafy.$$gongneng;
$scope.hexafy = $hexafy;
}) /*自定义服务*/
.service('$hexafy', function() {
this.$$gongneng = "将转入的数字，转为16进制";
this.myFunc = function (x) {
return x.toString(16);
}
}) /*自定义过滤器*/
.filter("filt",function(){
return function(x){
return x.toString(16);
}
})
/*在过滤器中，调用自定义服务*/
.filter("filt1",function($hexafy){
return function(x){
return $hexafy.myFunc(x);
}
}) </script>
二、服务factory
factory是一个函数用于返回值，通常我们使用factory函数来计算或返回值。
factory使用上，与service差距不大。
（参考代码） body部分参考服务Service，JS代码如下：
先导入JS文件angular.js！！！
<script src="libs/angular.js"></script>
<script>
angular.module("app",[])
.config()
.controller("ctrl",function($scope,hexafy){
$scope.gongneng = hexafy.gongneng;
$scope.num = hexafy.myFunc(255);
})
.factory('hexafy',function(){
var obj = {
gongneng : "将转入的数字，转为16进制",
myFunc:function(x){
return x.toString(16);
}
};
return obj;
}) </script>
三、服务provider
1、在AngularJS中，Service，factory都是基于provider实现的。
2、在provider中，通过$get()方法提供了factory的写法，用于返回 value/service/factory。；
3、provider是三种自定义服务中，唯一可以写进config配置阶段的一种。
如果服务，必须要在配置阶段执行，那么必须使用provider。否则，一般使用Service或factory。
四、扩展：angularjs的依赖注入和自定义服务有什么区别
AngularJS实际上是在调用前面出现的代码（就是$provide.provider的版本）。
从字面上来说，angularjs的依赖注入和自定义服务基本上没有差别。
value方法也一样，如果我们需要从$get函数（也就是我们的factory函数）返回的值永远相同的话，
我们可以使用value方法来编写。
好了~~~今天的博客内容就先分享到这里，欢迎留言~~~
大家一起加油哦！一起学习，一起进步！
【AngularJS中的自定义服务service VS factory VS provider】---它们的区别，你知道么？的更多相关文章
- AngularJS 1.x系列：AngularJS服务-Service、Factory、Provider、Value及Constant（5）
1. AngularJS服务 AngularJS可注入类型包括:Service.Factory.Provider.Value及Constant. 2. Service AngularJS Servic ...
- 深究AngularJS——自定义服务详解(factory、service、provider)
前言 3种创建自定义服务的方式. Factory Service Provider 大家应该知道,AngularJS是后台人员在工作之余发明的,他主要应用了后台早就存在的分层思想.所以我们得了解下分 ...
- angularJs 自定义服务 provide 与 factory 的区别
<!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <met ...
- AngularJs:Service、Factory、Provider依赖注入使用与区别
本教程使用AngularJS版本:1.5.3 AngularJs GitHub: https://github.com/angular/angular.js/ ...
- 跟我学AngularJs:Service、Factory、Provider依赖注入使用与差别
林炳文Evankaka原创作品. 转载请注明出处http://blog.csdn.net/evankaka 本教程使用AngularJs版本号:1.5.3 AngularJ ...
- Android系统在新进程中启动自定义服务过程（startService）的原理分析
在编写Android应用程序时,我们一般将一些计算型的逻辑放在一个独立的进程来处理,这样主进程仍然可以流畅地响应界面事件,提高用户体验.Android系统为我们提供了一个Service类,我们可以实现 ...
- anjular中Service、Factory、Provider的使用与js中创建对象的总结
在学习anjular中Service的使用时,发现和js中的创建对象的方式有一定的联系,所以总结了anjular中Service.Factory.Provider的使用方式与js创建对象的方式 一.先 ...
- AngularJS中service，factory，provider的区别（转载：http://my.oschina.net/tanweijie/blog/295067）
目录[-] 一.service引导 二.service 1.factory() 2.service() 3.provider() 一.service引导 刚开始学习Angular的时候,经常 ...
- AngularJS中service，factory，provider的区别
一.service引导 刚开始学习Angular的时候,经常被误解和被初学者问到的组件是 service(), factory(), 和 provide()这几个方法之间的差别.This is whe ...
随机推荐
- 08 Noise and Error
噪声:误标.对同一数据点的标注不一致.数据点信息不准确... 噪声是针对整个输入空间的. 存在噪声的情况下,VC bound依旧有用: 存在噪声,就是f--->p(y|x),f是p的特殊情况:如 ...
- 免费视频播放器videojs中文教程
Video.js是一款web视频播放器,支持html5和flash两种播放方式.更多关于video.js的介绍,可以访问官方网站介绍,我之前也写过一篇关于video.js的使用心得,有兴趣的可以点这里 ...
- Java异常处理机制 —— 深入理解与开发应用
本文为原创博文,严禁转载,侵权必究! Java异常处理机制在日常开发中应用频繁,其最主要的不外乎几个关键字:try.catch.finally.throw.throws,以及各种各样的Exceptio ...
- Weex的环境搭建以及集成到Android项目
最近由于公司的需要,初步研究了Weex,Weex是阿里开发的一个web的框架,官方的介绍如下: Weex 是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能.可扩展的 native 应 ...
- 概念学习 - JNDI, JDBC, ODBC, DataSource
layout: post title: 概念学习 - JNDI, JDBC, ODBC, DataSource --- 最近在学习Java Hibernate,对数据库资源访问这块好多概念模糊,所以在 ...
- sphinx全文检索引擎
今天刚刚学习了一下,就直接分享上去,有些还没有接触,如果有问题请指正,谢谢 sphinx是什么? Sphinx是一个全文检索引擎.主要为其他应用提供高速.低空间占用.高结果 相关度的全文搜索功能. S ...
- LVS+Keepalived实现DBProxy的高可用
背景 在上一篇文章美团点评DBProxy读写分离使用说明实现了读写分离,但在最后提了二个问题:一是代理不管MySQL主从的复制状态,二是DBProxy本身是一个单点的存在.对于第一个可以通过自己定义的 ...
- js里变量的作用域
一.在js中,变量的定义并不是以代码块作为作用域的,而是以函数作为作用域.也就是说,如果变量是在某个函数中定义的,那么,它在函数以外的地方是不可见的.但是,如果该变量是定义在if或者for这样的代码块 ...
- Python 基础 二
Python 基础 二 今天对昨天学习的Python基础知识进行总结,学而不思则惘,思而不学则殆! 一.先对昨天学习的三大循环的使用情况进行总结: 1.while循环的本质就是让计算机在满足某一条件的 ...
- C#中在比较自定义对象的时候要重写Equals方法
using System;using System.Collections.Generic;using System.Text; namespace Equal{ using System; c ...