宜宾网站建设公司

Javascript面向对象程序设计单例模式原理的示例分析-创新互联

小编给大家分享一下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:{}
}

JavaScript的作用是什么

1、能够嵌入动态文本于HTML页面。2、对浏览器事件做出响应。3、读写HTML元素。4、在数据被提交到服务器之前验证数据。5、检测访客的浏览器信息。6、控制cookies，包括创建和修改等。7、基于Node.js技术进行服务器端编程。

看完了这篇文章，相信你对“Javascript面向对象程序设计单例模式原理的示例分析”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联成都网站设计公司行业资讯频道，感谢各位的阅读！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。


文章题目：Javascript面向对象程序设计单例模式原理的示例分析-创新互联
分享地址：http://ybzwz.com/article/djeepo.html

其他资讯