单例是在程序设计非常基础的东西，这篇文章主要给大家介绍了关于利用es6实现单例模式及其应用的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
前言
在传统开发工程师眼里，单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象。在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象。
单例模式的定义是：保证一个类仅有一个一个实例，并提供一个访问它的全局访问点。
单例模式能在合适的时候创建对象，并且创建唯一的一个。
代码接近于生活，很有意思。比如一个网站的登录，点击登录后弹出一个登录弹框，即使再次点击，也不会再出现一个相同的弹框。又或者一个音乐播放程序，如果用户打开了一个音乐，又想打开一个音乐，那么之前的播放界面就会自动关闭，切换到当前的播放界面。这些都是单例模式的应用场景。
要实现一个单例模式，一个经典的方式是创建一个类，类中又一个方法能创建该类的实例对象，还有一个标记，记录是否已经创了过了实例对象。如果对象已经存在，就返回第一次实例化对象的引用。
单例模式的实现
es5实现方式
var Singleton = function(name) { this.name = name; //一个标记，用来判断是否已将创建了该类的实例 this.instance = null;}// 提供了一个静态方法，用户可以直接在类上调用Singleton.getInstance = function(name) { // 没有实例化的时候创建一个该类的实例 if(!this.instance) { this.instance = new Singleton(name); } // 已经实例化了，返回第一次实例化对象的引用 return this.instance;}
登录后复制
用户可以通过一个广为人知的接口，对该实例进行访问。
我们尝试对该对象进行两次实例化，观察两次实例化结果是否指向同一个对象。
var a = Singleton.getInstance('sven1');var b = Singleton.getInstance('sven2');// 指向的是唯一实例化的对象console.log(a === b);
登录后复制
返回结果是：true。说明a、b之间是引用关系。
es6实现方式
创建Singleton类。class关键字和静态函数都是es6新增的。
class Singleton { constructor(name) { this.name = name; this.instance = null; } // 构造一个广为人知的接口，供用户对该类进行实例化 static getInstance(name) { if(!this.instance) { this.instance = new Singleton(name); } return this.instance; }}
登录后复制
单例模式应用实例
我们用一个生活中常见的一个场景来说明单例模式的应用。
任意一个网站，点击登录按钮，只会弹出有且仅有一个登录框，即使后面再点击登录按钮，也不会再弹出多一个弹框。这就是单例模式的典型应用。接下来我们实现它。为了注重单例模式的展示，我们把登录框简化吧
以上就是使用ES6如何实现单例模式的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2749713.html
