JavaScript使用代理实现单例模式

最新推荐文章于 2024-08-30 17:56:49 发布

原创最新推荐文章于 2024-08-30 17:56:49 发布 · 552 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#getInstance #js

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种通过代理实现单例模式的方法。该方法将单例管理逻辑封装到代理类中，使得原始类（CreateDiv）保持普通类的形式。通过这种方式，确保了在整个应用中仅有一个实例存在，并提供了对该实例的全局访问。

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

var CreateDiv = function(html){
   this.html = html;
   this.init();
};

CreateDiv.prototype = function(){
   var div = document.createElement( 'div' );
   div.innerHTML = this.html;
   document.body.appendChild( div );
};

//引入一个代理类
var ProxySingleTonCreateDiv = (function(){
   var instance;
   return function( html ){
       if(!instance){
           instance = new CreateDiv( html ); 
       return instance;
       }
   }
})();

var a = new ProxySingleCreateDiv( 'a' );
var b = new ProxySingleCreateDiv( 'b' );

alert(a === b); //true

上述使用代理来实现的单例模式，是把负责管理单例的逻辑转移到了代理类ProxySingleTonCreateDiv中，而CreateDiv变成了一个普通的类，跟ProxySingleTonCreateDiv组合起来才实现了单例模式。