首页 / JAVA / JavaScript设计模式之单例模式

JavaScript设计模式之单例模式

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript设计模式之单例模式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1002字，纯文字阅读大概需要2分钟。

内容图文

　　单例模式在前端开发中，有着广泛的应用场景，像前端缓存、页面模态框的创建等，只需要初始化一次，后面直接取之前的实例就好了。通俗来说，单例模式就是保证全局仅有一个实例，并且能够全局访问，核心就是这两点。

const Singleton = function (name) {
    this.name = name
};

Singleton.prototype.getName = function () {
    console.log(this.name)
};

Singleton.getInstance = (function () {
    let instance = null;
    returnfunction (name) {
        if (!instance) {
            instance = new Singleton(name)
        }
        return instance
    }
})();

　　在JavaScript中，实现一个全局变量，最简单的就是声明一个全局变量，但是会容易造成变量污染，不建议使用。采用闭包封装私有变量，是一个不错的选择。如上述代码所示，在构造方法上声明一个获取实例的方法，声明一个私有变量，返回的方法中保存中对私有变量的引用，利用闭包，就能够一直保持每次获取的值是一样的。

　　单例模式还有一个比较有用的地方就是在我们给DOM元素绑定事件时，如果只想绑定一次，防止重复绑定，那么此时，也可以利用单例模式的原理，封装一个简单的单例方法，如下所示：

const getSingle = function (fn) {
    let result;
    returnfunction () {
        return result || (result = fn.apply(this, arguments))
    }
};

　　如下测试代码：

const test = getSingle(function () {
    console.log(new Date().getTime());
    returntrue
});

test();
test();
test();

技术分享图片

　　虽然test方法调用了三次，但是实际上只执行了一次。因为第一次返回值是true，后面调用就直接return了，不会再走或的逻辑了。

 

原文：https://www.cnblogs.com/gerry2019/p/12015925.html

内容总结

以上是互联网集市为您收集整理的JavaScript设计模式之单例模式全部内容，希望文章能够帮你解决JavaScript设计模式之单例模式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1296122.html

来源：【匿名】