javaScript设计模式-单例-Toy模板网

这篇具有很好参考价值的文章主要介绍了javaScript设计模式-单例。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

定义

确保一个类只有一个实例，并提供全局访问点。

原则

这个模式有三种不同的实现方式，每种都合理。但各有各的用处，其实用static类也可以实现相似的功能，不同的是单例是使用再创建，static是JVM加载时就创建。

实现

单例提供了将代码组织为一个逻辑单元的手段，它有许多用途：可以用来划分命名空间，以减少网页中全局变量的数目，可以用分支技术来封装浏览器间的差异化。在网页上使用全局变量有很大风险，而用单体对象创建的命名空间则是清除这些全局变量的最佳手段之一。

单体一般用字面量方式来实现（字面量是不可以被实例化的）。单体对象通常由两部分组成：方法和属性，以及用于访问它的变量，此变量通常是全局性，以便在网页的任务位置都可以被访问到。

使用单例有可能导致代码间的强耦合，有时创建一个可实例化的类更为可取。使用字面量时需要注意，可以在function这样的代码中用 : 的方式声明变量或方法，而在字面量的声明中不可以使用this.name=‘ld’这样的声明方式。

var MyNamespace = {
  findProduct: function(id) {
  }
  // Other methods can go here as well.
}
var MNS= MyNamespace; //当命名空间过长时可以用下面这种方式进行压缩 

/* 二次划分，可以把不同来源的代码封装在不同的命名空间内. */
var GiantCorp = {};
GiantCorp.Common = {
};
GiantCorp.ErrorCodes = {
};
GiantCorp.PageHandler = {
};

// Define a namespace without overwriting it if it already exists.
window.com = window.com || {};
com.example = com.example || {}; 
com.example.util = com.example.util || {};

实现方式—立即执行

var MyNamespace = {};
MyNamespace.Singleton = {};
MyNamespace.Singleton = (function () {
// Private members.
    var privateAttribute1 = false;
    var privateAttribute2 = [1, 2, 3];
    return {
// Public members.
        publicAttribute1: true,
        publicAttribute2: 10,
        publicMethod1: function () {
        },
        publicMethod2: function (args) {
        }
    };
})(); //加载后立即执行,用闭包实现了私有化
var t = MyNamespace.Singleton();

实际方式—惰性加载

如果需要加载大量的数据，可以用这种加载方式。而那些用来定义命名空间或某个页页专有的代码建议采用立即执行的方式。这种加载方式的特别之处在于，对它们的访问必须借助一个静态方法。

var MyNamespace = {};
MyNamespace.Singleton = (function() {
    // Private attribute that holds the single instance.
    var uniqueInstance;
    function constructor() {
        // Private members.
        var privateAttribute1 = false;
        var privateAttribute2 = [1, 2, 3];
        function privateMethod1() {}
        function privateMethod2(args) {}

        return { // Public members.
            publicAttribute1: true,
            publicAttribute2: 10,
            publicMethod1: function() {
            },
            publicMethod2: function(args) {
            }
        }
    }

    return {
        getInstance: function() {
            // Instantiate only if the instance doesn't exist.
            if(!uniqueInstance) {
                uniqueInstance = constructor();
            }
            return uniqueInstance;
        }
    }
})();
var t = MyNamespace.Singleton.getInstance();

分支

是一种用来把浏览器间的差异封装在运行期间进行设置的动态方法中的技术。如果不用分支技术，那么每次调用这个方法时，所有那些浏览器嗅探代码都要运行一次。能在运行期间动态确定函数代码的能力，正是JS的灵活之处。把它归为单例是因为这些差异一般不会改变，实现一次加载，节约资源的目的。文章来源地址https://www.toymoban.com/news/detail-802964.html

var SimpleXhrFactory = (function() {
  var standard = {
    createXhrObject: function() {return new XMLHttpRequest();}
  };
  var activeXNew = {
    createXhrObject: function() {return new ActiveXObject('Msxml2.XMLHTTP');}
  };
  var activeXOld = {
    createXhrObject: function() {return new ActiveXObject('Microsoft.XMLHTTP');}
  };
  var testObject;
  try {
    testObject = standard.createXhrObject();
    return standard;
  }
  catch(e) {
    try {
      testObject = activeXNew.createXhrObject();
      return activeXNew; 
    }
    catch(e) {
      try {
        testObject = activeXOld.createXhrObject();
        return activeXOld;
      }
      catch(e) {
        throw new Error('No XHR object found');
      }
    }
  }
})();

到了这里，关于javaScript设计模式-单例的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！