码迷,mamicode.com
首页 > 编程语言 > 详细

javascript之设计模式一(单例模式)

时间:2018-06-05 21:19:54      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:function   console   耦合   企业   命名空间   hit   复用   ret   return   

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

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

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

示例如下:

//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();

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

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

javascript之设计模式一(单例模式)

标签:function   console   耦合   企业   命名空间   hit   复用   ret   return   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!