JavaScript设计模式(六)【单例模式】

最新推荐文章于 2025-11-10 16:44:06 发布

转载最新推荐文章于 2025-11-10 16:44:06 发布 · 150 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/WuLex

Javascript设计模式专栏收录该内容

37 篇文章

订阅专栏

本文通过两个示例深入解析JavaScript中的单例模式和惰性加载技术。首先介绍了如何使用闭包创建不可修改的静态变量，确保数据的安全性和一致性。随后探讨了惰性单例模式的实现，该模式在首次请求时才创建实例，有效提升资源利用效率。

无法修改的静态变量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无法修改的静态变量</title>
</head>
<body>
<script>
    var Conf = (function() {
        //私有变量
        var conf = {
            MAX_NUM: 100,
            MIN_NUM: 1,
            CUONT: 1000
        }
        //返回取值器对象
        return {
            //取值器方法
            get: function(name) {
                return conf[name] ? conf[name] : null;
            }
        }
    })();


    //测试案例
    window.onload = function() {
        var count = Conf.get('MAX_NUM');
        console.log(count);
    }
</script>
</body>
</html>

惰性单例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>惰性单例模式</title>
</head>
<body>
<script>
    //惰性载入单例
    var LazySingle = (function() {
        //单例实例引用
        var _instance = null;

        //单例
        function Single() {
            /*这里定义私有属性和方法*/
            return {
                publicMethod: function() {},
                publicProperty: '1.0'
            }
        }

        //获取单例对象接口
        return function() {
            //如果未创建单例将创建单例
            if (!_instance) {
                _instance = Single();
            }
            //返回单例
            return _instance;
        }
    })();


    window.onload = function() {
        console.log(LazySingle().publicProperty);
    }
</script>
</body>
</html>