JS设计模式之单例模式

Posted baoyadong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS设计模式之单例模式相关的知识,希望对你有一定的参考价值。

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

就确保了一个类只有一个实例对象。

     在javascript里,实现单例的方式有很多种,其中最简单的一个方式是使用对象字面量的方法,其字面量里可以包含大量的属性和方法:

 1           var singleton = {
 2              name: ‘xu‘,
 3              age: 2,
 4              walk: function(){
 5                  //todo
 6              },
 7              eat: function(){
 8                  //todo
 9              }
10          }

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

只暴露你想暴露的public成员和方法,样例代码如下:

 1    var mySingleton = function(){
 2              
 3              // 这里声明私有变量和方法;
 4              var privateVariable = ‘something private that others cannot get‘;
 5              function showPrivate(){
 6                  console.log(privateVariable);
 7              }
 8              //公有的变量和方法(可以访问私有变量和方法);
 9              return {
10                  publicMethod: function(){
11                      showPrivate();
12                  },
13                  publicVar: ‘the public can see this!‘
14              }
15 
16          }
17        var single = mySingleton();
18        single.publicMethod(); // something private that others cannot get
19        console.log(single.publicVar); // the public can see this!

   上面的代码很不错了,但如果我们想做到只有在使用的时候才初始化,那该如何做呢?为了节约资源

的目的,我们可以另外一个构造函数里来初始化这些代码,如下:

      var Singleton = (function(){
            var instantiated;
            function init() {
                /*这里定义单例代码*/
                return {
                    publicMethod: function(){
                        console.log(‘hello world‘);
                    },
                    publicProperty: ‘test‘
                };
            }
            return {
                getInstance: function(){
                    if (!instantiated) {
                        instantiated = init();
                    }
                    return instantiated;
                }
            }
        })();
        /*调用共有的方法来获取实例*/ 

        Singleton.getInstance().publicMethod(); // hello world;

知道了单例如何实现了,但单例用在什么样的场景比较好呢?其实单例一般是用在系统间各种模式的通信协调上,下面的代码是一个单例的最佳实践:

         var SingletonTester = (function(){

            // 参数: 传递给单例的一个参数集合;
             function Singelton(args){
                 // 设置args变量为接受的参数或者为空
                 var args = args || {};
                 //设置name参数
                 this.name = ‘SingletonTester‘;
                 // 设置pointX的值
                this.pointX = args.pointX || 6; // 从接受的参数里获取,或者设置为默认值;
                // 设置pointY的值
                this.pointY = args.pointY || 10;

             }
             //实例容器
             var instance;
             var _static = {
                 name: ‘SingletonTester‘,
                 //获取实例的方法
                 //获取Singelton的实例
                 getInstance: function(args){
                     if (instance == undefined) {
                         instance = new Singelton(args);
                     }
                     return instance;
                 }
             };
             return _static;

        })();
        var singeltonTest = SingletonTester.getInstance({pointX: 5});
        console.log(singeltonTest.pointX); //输出 5; 

 

以上是关于JS设计模式之单例模式的主要内容,如果未能解决你的问题,请参考以下文章

js之单例模式

js设计模式之单例模式实例

js设计模式之单例模式

JS 设计模式之单例模式

JS设计模式之单例模式

js之单例模式