JS设计模式之单例模式

Bertha 。 2022-03-20 08:07 161阅读 0赞

### 单例模式： ###

//保证一个类仅有一个实例，并且提供一个访问它的全局访问点。

//如果实例不存在，则生成一个实例，如果实例存在，则返回这个实例

var singleTon = (function(){
    				var _instance = null;
    				function Foo(){
    					var privateProp = "私有属性";
    					this.publicProp = "实例属性";
    					this.publicMethod = "实例方法";
    				}
    				return {
    					getInstance:function(){
    						
    						if(!_instance){
    							_instance = new Foo();
    						}
    				
    						return _instance;
    						
    					}
    					
    				}				
        })();
    
    console.log(singleTon.getInstance());//Foo
    console.log(singleTon.getInstance()==singleTon.getInstance());//true

下面是单例模式的一个应用（只是为了加强理解，实际应用中一般不这样写）

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style type="text/css">
    			.popBox{
    				width: 400px;
    				height: 400px;
    				background: red;
    			}
    		</style>
    	</head>
    	<body>
    		<input type="button" value="弹出框" id="btn">
    		<script type="text/javascript">
    			function PopBox(){
    				this.box = document.createElement("div");
    				this.box.className = "popBox";
    				document.body.appendChild(this.box);
    			}
    			(function(){
    			
    				let oBtn = document.getElementById("btn");
    				var _instance = null;
    				oBtn.onclick = function(){
    					if(!_instance){
    						_instance = new PopBox();
    					}
    					
    				}
    			})()
    		</script>
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，161人围观）

还没有评论，来说两句吧...

相关阅读

相关设计模式之单例模式

单例模式什么是单例模式原理图为什么要使用单例模式还有不同方式实现麒麟9999的独一份吗？

柔情只为你懂/ 2022年08月30日 01:49/ 0 赞/ 448 阅读

相关 JS设计模式之单例模式

单例模式： //保证一个类仅有一个实例，并且提供一个访问它的全局访问点。 //如果实例不存在，则生成一个实例，如果实例存在，则返回这个实例 var si

Bertha 。/ 2022年03月20日 08:07/ 0 赞/ 162 阅读

相关 JS设计模式之----单例模式

设计模式，常见的模式有单例模式，代理模式等，设计模式的合理运用不仅使代码结构更加清晰，也便于后期的维护与重构。然而在日常的学习中，我们却在不经意间使用了单例模式，but总是容易

浅浅的花香味﹌/ 2021年12月21日 01:39/ 0 赞/ 194 阅读

相关设计模式之单例模式

今天学习一下设计模式中最简单的单例模式。单例模式（1）.首先介绍一下什么是单例模式单例模式，是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单

灰太狼/ 2021年11月27日 04:24/ 0 赞/ 149 阅读

相关设计模式之单例模式

　　一单例模式的日常应用对于“当前在线人数”功能，我们通常的做法是把当前的在线人数存放到一个内存、文件或者数据库中，每次用户登录的时候，就会马上从内存

旧城等待，/ 2021年11月01日 15:34/ 0 赞/ 417 阅读

相关设计模式之单例模式

转载：[https://www.cnblogs.com/xudong-bupt/p/3433643.html][https_www.cnblogs.com_xudong-bup

爱被打了一巴掌/ 2021年11月01日 09:44/ 0 赞/ 362 阅读

相关设计模式之单例模式

文章目录单例模式单例模式的简单应用单例模式定义：确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例，这个类称为单例类，它

超、凢脫俗/ 2021年10月01日 05:54/ 0 赞/ 369 阅读

相关设计模式之单例模式

文章目录一、单例模式实现二、单例模式说明 1、单例模式的线程安全 2、Java单例模式实现

- 日理万妓/ 2021年09月28日 04:14/ 0 赞/ 420 阅读

相关设计模式之——单例模式

> 设计模式： > > 前辈们对代码开发经验的总结，是解决特定问题的一系列套路。它不是语法规定。而是一套用来提高代码可复用性、可维护性、可读性、稳健性、以及安全性的解决方案

浅浅的花香味﹌/ 2021年09月21日 15:56/ 0 赞/ 405 阅读

相关设计模式之单例模式

什么是设计模式？设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般...

朱雀/ 2020年10月28日 11:42/ 0 赞/ 805 阅读