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

javascript-单体模式

时间:2017-08-07 13:56:34      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:javascript   单体   

  <script type="text/javascript">
   
   //简单单体模式
   var singleton={
    attr1:10,
    attr2:true,
    method1:function(){console.log(‘method1 ...‘)},
    method2:function(){console.log(‘method2 ...‘)}
   }
   
   console.log(singleton.attr1)
   singleton.method1()
   
   //划分命名空间
   var nameSpace1={}
   nameSpace1.singleton1={
    attr1:10,
    attr2:true,
    method1:function(){console.log(‘method1 ...‘)},
    method2:function(){console.log(‘method2 ...‘)}
   }
   nameSpace1.singleton2={
    attr1:10,
    attr2:true,
    attr3:‘hello singleton‘,
    method1:function(){console.log(‘method1 ...‘)},
   }
   
   //借用闭包创建单体,闭包主要用于保护数据
   //命名空间
   var nameSpace2={}
   nameSpace2.singleton=(function(){
    //浏览器运行后,立即执行:私有成员变量
    var name=‘cxiong‘
    var age=29
    var addr=‘beijing‘
    var interest1=function(){console.log(‘coding ...‘)}
    var interest2=function(){console.log(‘play compute game ...‘)}
    
    //把块级作用域中的执行结果返回    
    return {
     name:name,
     age:age,
     addr:addr,
     int1:function(){interest1()},
     int2:function(){interest2()}
    }
   })()
   
   nameSpace2.singleton.name=‘mm‘
   console.log(nameSpace2.singleton.name)
   console.log(nameSpace2.singleton.age)   
   nameSpace2.singleton.int1()
  </script>


javascript-单体模式

标签:javascript   单体   

原文地址:http://f1yinsky.blog.51cto.com/12568071/1954134

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