JavaScript面向对象编程之Singleton类

  1. 云栖社区>
  2. 博客列表>
  3. 正文

JavaScript面向对象编程之Singleton类

唐玄奘 2017-12-04 01:44:00 浏览418 评论0

摘要:     在C#、Java等纯面向对象的语言中,合理使用设计模式将会使我们的模块设计和代码编写更加健壮和清晰。目前JavaScript的编写已经从自身的object-based,被逐渐模拟来很象(至少七八分吧)object-oriented的语言了,所以我们也可以遵照一些设计模式的概念来编写JS代码。

    在C#、Java等纯面向对象的语言中,合理使用设计模式将会使我们的模块设计和代码编写更加健壮和清晰。目前JavaScript的编写已经从自身的object-based,被逐渐模拟来很象(至少七八分吧)object-oriented的语言了,所以我们也可以遵照一些设计模式的概念来编写JS代码。

    单态(Singleton)是设计模式中最简的模式了,所以我们先拿它开刀。关于什么是Singleton,可以简单参看Implementing the Singleton Pattern in C#,要系统了解属于就属于设计模式的范畴了,不是本文要讲解的内容。

    不过对于C#,当然也包括Java等其它纯面向对象语言,由于其类的构造函数(constructor)不是一个普通的函数(不能自定义其返回值),所以它们在编写Singleton类时都需要使用一个static的属性或方法来获取对象的实例。而JavaScript中类的constructor就是一个普通的函数,我们可以改变它的返回值来实现对象实例的返回,而不依赖于语言机制。这是到底是什么意思呢emquestion.gif 先看一下JS的Singleton类的实现就明白了,示例代码如下:
ExpandedBlockStart.gif<script language="javascript">
InBlock.gif
function Singleton()
ExpandedSubBlockStart.gif
{
InBlock.gif    
// template code for singleton class.
InBlock.gif
    if ( this.constructor.instance )
ExpandedSubBlockStart.gif    
{
InBlock.gif         
return this.constructor.instance;
ExpandedSubBlockEnd.gif    }
 
InBlock.gif    
else this.constructor.instance = this;
ExpandedSubBlockStart.gif    
/**//////////////////////////////////
InBlock.gif
    
InBlock.gif    
this.value = parseInt(Math.random()*1000000);
InBlock.gif   
InBlock.gif    
this.toString = function()
ExpandedSubBlockStart.gif    
{
InBlock.gif         
return '[class Singleton]';
ExpandedSubBlockEnd.gif    }

ExpandedSubBlockEnd.gif}

InBlock.gif
InBlock.gifSingleton.prototype.GetValue 
= function()
ExpandedSubBlockStart.gif
{
InBlock.gif    
return this.value;
ExpandedSubBlockEnd.gif}
;
InBlock.gif
InBlock.gifSingleton.prototype.SetValue 
= function(value)
ExpandedSubBlockStart.gif
{
InBlock.gif    
this.value = value;
ExpandedBlockEnd.gif}
;
None.gif
</script>

    前面说的"改变它的返回值来实现对象实例的返回",就是指的在JavaScript类的constructor类可以return this.constructor.instance;。所以JavaScript实现的Singleton类在使用时只管new就行了,而不用使用ClassName.Instance或ClassName.GetInstance()这样的语法。

    类Singleton的测试代码如下:
None.gif var singleton = new Singleton();
None.gif alert(__typeof__(singleton));
None.gif alert(singleton.GetValue());
None.gif var singleton = new Singleton();
None.gif alert(singleton.GetValue());
None.gif singleton.SetValue(1000000);
None.gif var singleton = new Singleton();
None.gif alert(singleton.GetValue());
None.gif var singleton = new Singleton();
None.gif alert(singleton.GetValue());

    返回结果为:Singleton,586606,586606,1000000,1000000。第二个和第三个是random出来的,反正肯定是一样的两个数(__typeof__的实现来自这里:获取JavaScript用户自定义类的类名称)。


本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。

用云栖社区APP,舒服~

【云栖快讯】青年们,一起向代码致敬,来寻找第83行吧,云栖社区邀请大神彭蕾、多隆、毕玄、福贝、点评Review你的代码,参与互动者将选取50位精彩回复赠送“向代码致敬”定制T恤1件,最终成为“多隆奖”的小伙伴还将获得由阿里巴巴提供的“多隆奖”荣誉证书和奖杯。  详情请点击

网友评论