JavaScript 单例模式

本文介绍了JavaScript中实现单例模式的几种方法,包括对象字面量、使用闭包以及惰性实例化。通过具体示例解释了每种方法的特点及适用场景。

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

单例就是保证一个类只有一个实例,实现的方法一般是先判断实例存在与否,如果存在直接返回,如果不存在就创建了再返回,这就确保了一个类只有一个实例对象。

最基本的单例模式——对象字面量

对象字面量可以包含大量的属性和方法,将这些方法和属性组织在一起

[javascript]  view plain  copy
  1. var Singleton = {  
  2.   attribute1: true,  
  3.   attribute2: 10,  
  4.   
  5.   method1: function() {  
  6.   
  7.   },  
  8.   method2: function(arg) {  
  9.   
  10.   }  
  11. };  
  12.   
  13. Singleton.attribute1 = false;  
  14. var total = Singleton.attribute2 + 5;  
  15. var result = Singleton.method1();  

使用闭包

如果以后要扩展该对象,你可以添加自己的私有成员和方法,使用闭包将其封装这些变量和函数声明,只暴露你想暴露的public成员和方法。

[javascript]  view plain  copy
  1. var Singleton = (function() {  
  2.   // Private members.  
  3.   var privateAttribute1 = false;  
  4.   var privateAttribute2 = [1, 2, 3];  
  5.   // Private function  
  6.   function privateMethod1() {  
  7.     ...  
  8.   }  
  9.   function privateMethod2(args) {  
  10.     ...  
  11.   }  
  12.   
  13.   
  14.   return { // Public members.  
  15.     publicAttribute1: true,  
  16.     publicAttribute2: 10,  
  17.       
  18.     publicMethod1: function() {  
  19.       ...  
  20.     },  
  21.     publicMethod2: function(args) {  
  22.       ...  
  23.     }  
  24.   };  
  25. })();  
  26. var singleton = Singleton();  
  27. singleton.publicMethod1();  

惰性实例化

前面所讲的单例模式都有一个共同特点,单例对象都是在脚本加载时被创建出来,对于资源密集型的或配置开销甚大的单体,也许更合理的做法是将其实例化推迟到需要使用时才实例化。它最常用于那些必须加载大量数据的单体。惰性加载单体的特别之处在于,对他们的访问必须借助于一个静态方法。应该这样调用其方法:Singleton.getInstance().methodName()。getInstance()方法会检查单体是否已经被实例化,如果还没有,那么创建并返回其实例,如果单体已经实例过,那么将返回现有实例。

[javascript]  view plain  copy
  1. var Singleton = (function() {  
  2.   
  3.     var instanced;  
  4.   
  5.     function constructor () {  
  6.         var privateAttribute1 = false;  
  7.         var privateAttribute2 = [1, 2, 3];  
  8.   
  9.         function privateMethod1() {  
  10.           ...  
  11.         }  
  12.         function privateMethod2(args) {  
  13.           ...  
  14.         }  
  15.   
  16.         return {  
  17.             publicAttribute1: true,  
  18.             publicAttribute2: 10,  
  19.           
  20.             publicMethod1: function() {  
  21.                 ...  
  22.             },  
  23.             publicMethod2: function(args) {  
  24.                 ...  
  25.             }  
  26.         };  
  27.     }  
  28.   
  29.     return {  
  30.         getInstance: function () {  
  31.             if (!instanced) {  
  32.                 instanced = constructor();  
  33.             }  
  34.             return instanced;  
  35.         }  
  36.     };  
  37. })();  
  38. Singleton.getInstance().publicMethod1();  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值