Javascript面向对象程序设计单例模式原理的示例分析
小编给大家分享一下Javascript面向对象程序设计单例模式原理的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
成都创新互联公司-专业网站定制、快速模板网站建设、高性价比桥西网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式桥西网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖桥西地区。费用合理售后完善,十年实体公司更值得信赖。
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面向对象程序设计单例模式原理的示例分析”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
网页名称:Javascript面向对象程序设计单例模式原理的示例分析
文章URL:http://scyanting.com/article/ihpspo.html