zoukankan      html  css  js  c++  java
  • 浅谈javascript单体【读javascript设计模式第五章节单体有感】

    单体,整个运行环境就独有一份,最简单的一种单体就是一个把所有属性和方法都集中在一起的对象,区别于一般的字面量对象,一般字面量对象是对一个物体的描述,集合该物体所具有的一些属性和方法,而单体则包含更多的些逻辑在里面,单体的好处有,划分命名空间,如果用来作为网页包装器,可以使得页面所有变量都封装在一个对象里,大幅度减小网页里的全局变量,

    代码如:

    common.js

    (function(wz){

      $.extend({

        init:function(){

          var self = this;

          this.bind();

          if($.isFunction(self.inside)){

            self.inside();

          }

        }  

      })

    })(wz || {});

    aboutUs.js

    wz.aboutUs = {

      init:function(){

      },

      bind:function(){    

      };

    }

    wz.inside = function(){

      wz.aboutUs.init();

    }

    上面的方式弊端就是任何属性和方法都可以通过“.”去获取和修改,单体也可以通过闭包去进行封装,只对外显示出具体的api接口,如:

    var test = (function(){

      var method1 = function(){};

      var method2 = function(){};

      return {

        method:function(){

          method1.......

          method2.......

        }

      }

    })()

    另外书上也有讲到惰性实例化,即推迟单体生成,如

    var test = (function(){

      var instance;

      var construt = function(){

        var method1 = function(){};

        var method2 = function(){};

        return {

          method:function(){

            method1.......

            method2.......

          }

        }

      }

      return {

        getInstance:function(){

          if(!instance){

            instance = construt();

          }

          return instance;

        }

      }

    });

    结合上面单体的一些功能,可以将其用在分支上,如:用分支技术创建XHR对象,代码就不敲了,

    总结:

    单例用处很广,可以优化命名空间,增强模块性 ,节约内存,通过使用分支,可以避免每次构造时候重复执行相同的判断,弊端会导致模块间的强耦合,

  • 相关阅读:
    多表模型
    母版,单表操作,双下划线模糊查询
    模板层
    视图层
    路由层
    orm
    浅谈cookie,sessionStorage和localStorage区别
    实现元素垂直居中的方法(补充)
    实现元素垂直居中的方法
    <a href="javascript:;"></a>
  • 原文地址:https://www.cnblogs.com/samKR/p/3790564.html
Copyright © 2011-2022 走看看