js单例设计模式,命名空间,和模块化开发

单例设计模式(singleton pattern)

1.表现形式
var obj = {
xxx:xxx,

};
在单例设计模型中,OBJ不仅仅是对象名,它被称为“命名空间[NameSpace]”,把描述事务的属性存放到命名空间中,多个命名空间是独立分开的,互不冲突
2.作用
把描述同一件事务的属性和特征进行“分组、归类”(存储在同一个堆内存空间中),因此避免了全局变量之间的冲突和污染
var pattern1={name:‘xxx’}
var pattern2={name:‘xxx’}
3.单例设计模式命名的由来
每一个命名空间都是JS中Object这个内置基类的实例,而实例之间是相互独立互不干扰的,所以我们称它为“单例:单独的实例”

var name = "张三";
var age = 18;
var sex = "girl";

var name = "李四";
var age = 81;
var sex = "boy";

var person1={
   name:"张三",
   age:18
};
var person2={
   name:"李四",
   age:81
   

高级单例模式

1.在给命名空间赋值的时候,不是直接赋值一个对象,而是先执行匿名函数,形成一个私有作用域AA(不销毁的栈内存),在AA中创建一个堆内存,把堆内存地址赋值给命名空间
2.这种模式的好处:我们完全可以在AA中创造很多内容(变量OR函数),哪些需要供外面调取使用的,我们暴露到返回的对象中(模块化实现的一种思想)


var nameSpace = (function () {
 var n = 12;
 function fn() {
     //...
 }
 function sum() {

 }
 return {
     fn: fn,
     sum: sum
 }
})();

模块化开发

  • 1.团队协作开发的时候,会把产品按照功能板块进行划分,每一个功能板块有专人负责开发
  • 2.把各个版块之间公用的部门进行提取封装,后期在想实现这些功能,直接的调取引用即可(模块封装)
var utils=(function () {
    return {
        aa:function () {

        }
    }
})();

张三的模块
var skipRender = (function () {
    var fn = function () {
        //...
    };
    //...
    return {
        init: function () {

        },
        fn:fn
    }
})();
skipRender.init();

//=>李四的模块
var weatherRender = (function () {
    var fn = function () {

    };
    return {
        init: function () {
            fn();//=>调取自己模块中的方法直接调取使用即可
            skipRender.fn();//=>调取别人模块中的方法
        }
    }
})();
weatherRender.init();

发布了10 篇原创文章 · 获赞 2 · 访问量 69

猜你喜欢

转载自blog.csdn.net/weixin_43324909/article/details/104505816