javascript中Singleton设计模式的实现

最新推荐文章于 2024-07-01 21:49:01 发布

zhongji

最新推荐文章于 2024-07-01 21:49:01 发布

阅读量491

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何利用JavaScript的闭包特性来实现Singleton模式，通过定义静态全局变量、匿名类、私有属性及其操作方法和公共接口，展示在HTML5电气原理图绘制项目中使用Singleton模式存放原点坐标、屏幕尺寸等信息的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

众所周知，javascript是动态语言，而Singleton模式在动态语言中实现是比较困难的，不过可以利用javascript的闭包特性来实现Singleton模式。例如在我们HTML5电气原理图绘制项目中，需要一个Singleton来存放原点坐标、屏幕尺寸等信息，可以通过如下代码实现：

var gs_graph = new(
    function(){
         this.publicMethod = function(){
			console.log("run publicMethod...");
			privateMethod();
		}
        this.getOrgX = function(){
			return m_orgX;
		}
        this.setOrgX = function(orgX){
			m_orgX = orgX;
		}
        var m_orgX = 101; // 私有属性;
		var privateMethod = function(){
			console.log("run privateMethod...");
		}
     }
)();

在上面的代码中，首先定义了一个静态全局变量，在（）中通过function定义了一个匿名类，同时定义的私有属性m_orgX，以及该属性的get/set方法，同时定义了公共接口，privateMethod为私有方法。new代表生成一个这个类的实例。

from:http://blog.csdn.net/yt7589/article/details/6671159

from:http://kb.cnblogs.com/page/97011/