angular官方文档单例服务的说明

单例模式就不要说了,懂点设计模式的都懂得,真有不明白的自行百度。

(解释下angular的命名,angular就是angular2 ,angular1叫angularjs,至于angular2,3,4,5,6只是angular的版本,通称angular,希望小伙伴不要叫错了)

单例模式如何在angular的服务中使用呢,angular的官方文档中有这么一段话:

单例服务

服务在每个注入器的范围内是单例的。 在任何一个注入器中,最多只会有同一个服务的一个实例。

这里只有一个根注入器,而 UserService 就是在该注入器中注册的。 所以,在整个应用中只能有一个 UserService 实例,每个要求注入 UserService 的类都会得到这个服务实例。

不过,Angular DI 是一个 多级注入系统,这意味着各级注入器都可以创建它们自己的服务实例。 Angular 总会创建多级注入器。

笼统,并不知道依赖注入服务单例模式怎么用,要想弄明白很简单,简单的写个例子实验一下就可以了,下面我会给大家说一下我的实验总结,帮助小伙伴节约一些这种乏味的探索时间。

实验样例代码

服务代码

import { Injectable } from '@angular/core';

@Injectable(
 //{providedIn: 'root'}
)
export class SingletonServiveTestService {
 private _name = "primaryName";
 constructor() { }
 setName (name){
  this._name = name;
 }
 getName(){
  return this._name;
 }
}

小伙伴可能会说了,这TM怎么会是单例模式。小伙伴不要激动,我也是这么想的,怎么TM怎么会是单例。不过在angular的依赖注入中,有几种写法确实会使这种代码以单例模式的方式运行。

解释下{providedIn: 'root'},一开始认为只要传入这个对象,让服务以root的方式提供给子module,子组件,然后这个服务就是单例的,后台发现,这个对象和单例没有半毛钱关系,它只是app.module中引入服务的另一种写法,除了这个用处,没有别的用处,所以下文中我们就不说添加和不添加{providedIn: 'root'}的情况了

注入代码

注入分为Module.providers和Component.providers两种;实验的module是实现懒加载的。

上面代码的测试结果(module都是懒加载的)

这三个结果已经代表各种情况了,如果小伙伴还想知道其他一些情况的下的结果,小伙伴可以自己动手写个例子,或者给我留言

  • 在app.module.providers或者app.component.providers中依赖面进去这个服务,在子component和子module中的component中的构造函数中国呢注入进去这个服务,这个服务的表现特征是 单例 的。
  • 在懒加载的子module.providers 中依赖进去这个服务,在这个module下面的component中的构造函数中注入进去这个服务,这个服务表现特征是 单例 的。
  • 在component.providers中依赖进去这个服务,然后在component的构造函数中依赖注入进去这个服务,这个服务表现特征是 非单例 的.

单例不都通过静态属性来实现的吗?

我认为单例就是实现属性方法的保持一个实例,而angular中想用到单例多是实现一些数据整个项目通用,按照设计模式上讲上面和下面的代码都不是标准的单例模式的写法,但是在实际使用中确实是达到了单例模式的目的,上吗的有angular的官方文档做背书,所以我就写了上吗那种在angular中可以是单例模式,至于下面这中我就叫静态属性单一模式,ts静态属性被编译成正常的js,就是构造函数上的属性而已,概念高大上,原理矮小low。

import { Injectable } from '@angular/core';

@Injectable()
export class SingletonServiveTestService {
 private static _name = "primaryName";

 constructor() { }
 setName (name){
  SingletonServiveTestService._name = name;
 }
 getName(){
  return SingletonServiveTestService._name;
 }
}

这个实验着在各种情况下都能表现 单例 特征

这种方法万金油,单例就用这中不久ok了,小伙伴写代码要考究,莫要粗放。结合上面代码代码的单例实现根据具体使用场景来选择用那种方式。

真正严格的用单例模式的话是用不上angular服务的依赖注入的这套机制的。至于要不要使用单例抛掉依赖注入,看业务场景了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持Devmax。

angular 服务的单例模式(依赖注入模式下)详解的更多相关文章

  1. Swift 单例模式实现及类方法

    在开始单例模式之前我们先讲一下类方法。应为单例模式需要依靠类方法来实现首先,我们知道类方法就是直接使用类名来调用,无需生成对象,再去调用。比如我们属性的NSUserdefault就是一个单例接下来我们实现一个类,用来共享数据。

  2. Swift多种实现单例写法

    学习Swift的单例写法,以下提供了5种方式,一起来看看吧!

  3. Swift中单例的集中创建方式

    单例模式是设计模式中最简单的一种,甚至有些模式大师都不称其为模式,称其为一种实现技巧,因为设计模式讲究对象之间的关系的抽象,而单例模式只有自己一个对象。下面看看swift中创建单例的集中方式:1、一个句话搞定,所有用到的地方都是同一个2、3、4.swift还在初学阶段,如果有不对的地方,还望指出。

  4. Swift百万线程攻破单例Singleton)模式

    回到技术问题,我们想要更多的线程访问SwiftSingleton.shared方法,只要先准备好所有的线程,然后发一个信号,让他们同时去访问这个方法就可以了。测试结果:通过2、使用GCD技术实现的单例模式dispatch_once{Inner.instance=SwiftSingleton()}returnInner.instance!

  5. Swift中的单例模式

    三种方法实现单例模式,线程安全1.全局变量2.结构3.dispatch_once1.全局变量:这里使用了全局变量而非类变量,是因为不支持类变量2.结构:与类不同,结构可以定义静态变量,通过使用此方法,将静态变量升级为类变量3.dispatch_once:

  6. 《从零开始学Swift》学习笔记Day 63――Cocoa Touch设计模式及应用之单例模式

    实际上,除了软件设计,设计模式也被广泛应用于其他领域,比如UI设计和建筑设计等。下面来介绍CocoaTouch框架中的设计模式中的单例模式。单例模式单例模式的作用是解决“应用中只有一个实例”的一类问题。在CocoaTouch框架中,有UIApplication、NSUserDefaults和NSNotificationCenter等单例类。另外,NSFileManager和NSBundle类虽然属于Cocoa框架的内容,但也可以在CocoaTouch框架中使用。解决方案单例模式的实现有很多方案,苹果公司在

  7. Swift设计模式之单例模式

    转自Swift设计模式原文Design-Patterns-In-Swift

  8. swift基础之实现单例模式(仿NSUserDefaults)

    单例模式是设计模式中最简单的一种,甚至有些模式大师都不称其为模式,称其为一种实现技巧,因为设计模式讲究对象之间的关系的抽象,而单例模式只有自己一个对象。下面看看swift中的几种实现方式:1、一句话搞定,静态常理。所有地方用到的都是同一个2、使用dispatch_once可以保证其中的代码只执行一次3、4、在方法内定义静态常量下面为NSUserdefaults的运用

  9. Swift3 单例模式

    常见的有这么几种方法第一种最简单也是最常用的,这里的所有单例init方法一定要定义成private的,不然外部依然可以使用init方法初始化变量。final关键字的作用是这个类或方法不希望被继承和重写第二种第二种完全是OC风格的单例,但是由于Swift3中废弃了原来的dispatch_once_t,所以需要先给dispatchQueue添加一个extension,实现原先的dispatch_once_t效果第三种第四种在方法内定义静态变量

  10. Swift 1.2中的单例模式

    我之前使用过以下单例模式:当使用Swift1.2发布新的Xcodebeta时,我想尝试新的静态类属性和方法.所以我尝试了类似的东西:在使用它时查看调试器,似乎很多单例类的嵌套实例是由类常量创建的:但是通过分配来看,似乎只创建了一个实例.我想这意味着它正常工作,但我没有看到第一个模式的相同行为.这里发生的事情是LLDB向您显示静态数据,就好像它是实例数据一样.因为它是静态数据,所以它不像正常实例数据

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部