首页 / 设计模式 / javascript之设计模式一（单例模式）

javascript之设计模式一（单例模式）

内容导读

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

内容图文

一般针对不同的企业都用自己封装的前端自定义功能模块

百度，雅虎等大企业都有自己封装的单例模式

下面主要讲单例模式的三大模块：命名空间，私有静态变量，功能模块化

示例如下： 

            //
            1.单例模式之设置私有静态变量，防篡改受保护
            var Dog = (function(){
    var dog = {
        age:3,
        color:‘white‘,
        sex:‘m‘
    };
    return {
        get : function(name){
            return dog[name]?dog[name]:null;
        }
    }
})();
var dogage = Dog.get(‘age‘);
console.log(dogage);
//2.单例模式之命名空间,可以代码模块复用命名空间var Ping = {
    GetId : function(id){
        return document.getElementById(id);
    },
    css : function(id,key,value){
        return Ping.GetId(id).style[key] = value;
//return this.GetId(id).style[key] = value;    }
}
Ping.css(‘fgg‘,"color","blue");
//3.单例模式之功能模块化，针对不同功能自定义系统化var Common = {
        Ajax : {
            aget:function(){},
            apost:function(){}
        },
        Util : {
            util_method1 : function(){
                console.log(111);
            },
            util_method2 : function(){
            }
        },
        Tool : {
            tool_validate:function(){  
            },
            tool_search:function(){
               //... 
            }
        }    
    }
    Common.Util.util_method1();

 单例模式之利：它对代码的组织作用，把相关的方法属性组织在一个不会被多次实例话的单体里面，更方便代码的维护成本，防止误改代码。

 单例模式之弊：它提供的是一种单点访问，有可能导致模块间的强耦合，所以不利于单元测试，是故后期可以用一个真正的对象工厂来代替分支型单体。

原文：https://www.cnblogs.com/b-code/p/9141625.html

内容总结

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

内容备注

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

内容手机端

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

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

来源：【匿名】