基于JavaScript实现单例模式
更新时间：2019年10月30日 09:27:11 作者：卑微小陈的随笔
这篇文章主要介绍了基于JavaScript实现单例模式,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
首先，了解一下什么是单例模式，这里我直接把菜鸟教程中的定义给copy过来：
单例模式（Singleton Pattern）是 Java 中最简单的设计模式之一。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。
这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建。这个类提供了一种访问其唯一的对象的方式，可以直接访问，不需要实例化该类的对象。
注意：
1、单例类只能有一个实例。
2、单例类必须自己创建自己的唯一实例。
3、单例类必须给所有其他对象提供这一实例。
用一句话来总结就是：在单例模式中，一个类仅有一个实例，并提供一个访问它的全局访问点。这无非是用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象，在JavaScript我们很自然而然就会想到用闭包来解决这个问题。
比如说需要生成一个页面登录框，因为有且只可能有一个登录框，那么你就可以用单例的思想去实现他，代码如下：
let createLoginWindow = function(title) {
this.title= title;
this.init();
}
createLoginWindow.prototype.init = function() {
// some code
}
let proxySingleton = (function() {
var instance;
return function(title) {
if (!instance) {
instance = new createLoginWindow(title);
}
return instance;
}
})();
let windowA = new proxySingleton('login1');
let windowB = new proxySingleton('login2');
console.log(windowA === windowB); // true
可以看到，上述代码中createLoginWindow负责构造对象，然后通过代理proxySingleton来判断是构造新的对象还是返回已有对象。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了js自定义input文件上传样式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
本文给大家分享了es6的7个实用技巧，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2018-01-01
这篇文章主要介绍了jquery结合CSS使用validate实现漂亮的验证,需要的朋友可以参考下2015-01-01
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method2013-04-04
这篇文章主要介绍了javascript 模块依赖管理,结合实例形式深入分析了javascript 模块依赖管理具体定义、实现方法及注意事项,需要的朋友可以参考下2020-04-04
如何给Web页面增加夜间模式功能? 其实所谓的夜间模式就是在页面上增加一个透明的遮罩层，但是遮罩层会挡住页面元素， 解决方法是 添加DIV，给DIV的outline属性一个很大的outline-width值，用outline的边框作为遮罩，这样既能正常点击页面元素，又能达到夜间模式的效果2014-01-01
在前端开发中,模糊查询与下拉匹配是提高用户体验的重要功能,特别是在搜索功能上,这篇文章主要给大家介绍了关于JS中模糊查询功能的一些常用方法,需要的朋友可以参考下2024-06-06
浅析document.createDocumentFragment()与js效率
对于循环批量操作页面的DOM有很大帮助！利用文档碎片处理，然后一次性append，并且使用原生的javascript语句操作2013-07-07
JavaScript验证18位身份证号码最后一位正确性的实现代码
这篇文章主要介绍了JavaScript验证18位身份证号码最后一位正确性的实现代码,小编亲测有效,需要的朋友可以参考下2014-08-08
要想知道它们是怎么停止的，首先我们要了解它们的运行机制和原理，下面是具体的介绍。2011-01-01
最新评论