DDR爱好者之家

《javascript设计模式》学习笔记三：Javascript面向对象程序设计单例模式原理与实现方法分析
站长资源 2024/11/24 佚名
19 1538
DDR爱好者之家 Design By 杰米

本文实例讲述了Javascript面向对象程序设计单例模式原理与实现方法。分享给大家供大家参考，具体如下：

1.单例模式概述

源自百度百科对于单例模式的定义：

单例模式的意思就是只有一个实例。单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。

在javascript的世界里，其实没有严格的对象和类定义，“一切皆对象”使得javascript中都是对象，不能像java，c++或者php使用特定的方法返回一个实例来实现，因此对javascript来说，我们要创造的是一个“不能被多次实例化的”对象，也就是说只能实例化一次的对象。

2.简单单例模式：

只能实例化一次的对象也就可以使用“对象字面量”的定义方式来实现：

var singleton = {
  attribute:'',
  method:function(){}
}

这样定义的对象，不能使用new singleton的方式来生成另外的对象（不存在prototype和constructor属性）。

3.包含私有成员的单例模式：

如果看过之前的我写的关于类成员的文章，自然的我们就能想到用闭包来实现，既然要用的闭包，那么一定会用到函数和函数返回值，于是，这样的单例模式如下：

var singleton = function(){
  var private_attribute = '';
  functioin private_method(){}
  return {
   public_attribute:'',
   public_method:function(){}
  };
}

还记得匿名函数吗？通常在使用闭包的时候会使用，改进之后如下：

var singleton = (function(){
  var private_attribute = '';
  functioin private_method(){}
  return {
   public_attribute:'',
   public_method:function(){}
  };
})();

4.惰性加载（lazy loading,延迟加载）单例模式

2，3中所示单例模式定义方式都是在定义时创建的单例，这样很浪费内存，如何能在使用的时候才创建（lazy loading，更多的用于图片的延迟加载）呢？所谓惰性加载，也就是先定义，然后在某个地方才创建对象，所以必须要使用函数，我们知道在java或者php中单例模式通常使用一个静态方法来创建，同理，我们再改进一下闭包形式的定义式：

var singleton = (function(){
  var unique;
  function getinstance(){
    if(!unique){
      unique = construct();
      return unique;
    }
  }
  function construct(){
    var private_member;
    function private_method(){}
    return {//这里才是真正的单例对象
      public_member:'',
      public_method:function(){}
    };
})();

这样调用一个单例对象的方法：

singleton.getinstance().publicmethod();

这样只有在调用方法或引用属性的时候才会真正的创建unique对象，就是使用的时候比较麻烦：）

5.简单mvc代码风格

顺便在这里分享一下我写js的一个简单风格，尽管js是一个前台代码，但是就其本身而言，也可以将它的内容分为mvc（model，controller，view，关于mvc的概念请baidu/google），因此在写一个页面的js代码的时候，我会这么写：

//函数封装在此
var controller = {
  init:function(){}
};
//页面相关内容封装在此
var view = {
  table:{},
  banner:{},
  foot:{}
};
//数据相关内容封装在此
var model = {
  table_data:{}
}

在页面onload的时候调用controoler.init();完成初始化工作（数据加载，页面渲染，事件监听等），这样写的目的是尽量将一些相同的逻辑组织在一起，方便查找和修改，目前只是一个雏形，希望在看完《javascript设计模式》这本书之后能写一个轻量级的模型出来^_^

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米