当前位置:   article > 正文

javaScript设计模式-单例

javaScript设计模式-单例

定义

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

原则

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

实现

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

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

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

  1. var MyNamespace = {
  2. findProduct: function(id) {
  3. }
  4. // Other methods can go here as well.
  5. }
  6. var MNS= MyNamespace; //当命名空间过长时可以用下面这种方式进行压缩
  7. /* 二次划分,可以把不同来源的代码封装在不同的命名空间内. */
  8. var GiantCorp = {};
  9. GiantCorp.Common = {
  10. };
  11. GiantCorp.ErrorCodes = {
  12. };
  13. GiantCorp.PageHandler = {
  14. };
  15. // Define a namespace without overwriting it if it already exists.
  16. window.com = window.com || {};
  17. com.example = com.example || {};
  18. com.example.util = com.example.util || {};

实现方式—立即执行

  1. var MyNamespace = {};
  2. MyNamespace.Singleton = {};
  3. MyNamespace.Singleton = (function () {
  4. // Private members.
  5. var privateAttribute1 = false;
  6. var privateAttribute2 = [1, 2, 3];
  7. return {
  8. // Public members.
  9. publicAttribute1: true,
  10. publicAttribute2: 10,
  11. publicMethod1: function () {
  12. },
  13. publicMethod2: function (args) {
  14. }
  15. };
  16. })(); //加载后立即执行,用闭包实现了私有化
  17. var t = MyNamespace.Singleton();

实际方式—惰性加载

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

  1. var MyNamespace = {};
  2. MyNamespace.Singleton = (function() {
  3. // Private attribute that holds the single instance.
  4. var uniqueInstance;
  5. function constructor() {
  6. // Private members.
  7. var privateAttribute1 = false;
  8. var privateAttribute2 = [1, 2, 3];
  9. function privateMethod1() {}
  10. function privateMethod2(args) {}
  11. return { // Public members.
  12. publicAttribute1: true,
  13. publicAttribute2: 10,
  14. publicMethod1: function() {
  15. },
  16. publicMethod2: function(args) {
  17. }
  18. }
  19. }
  20. return {
  21. getInstance: function() {
  22. // Instantiate only if the instance doesn't exist.
  23. if(!uniqueInstance) {
  24. uniqueInstance = constructor();
  25. }
  26. return uniqueInstance;
  27. }
  28. }
  29. })();
  30. var t = MyNamespace.Singleton.getInstance();

分支

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

  1. var SimpleXhrFactory = (function() {
  2. var standard = {
  3. createXhrObject: function() {return new XMLHttpRequest();}
  4. };
  5. var activeXNew = {
  6. createXhrObject: function() {return new ActiveXObject('Msxml2.XMLHTTP');}
  7. };
  8. var activeXOld = {
  9. createXhrObject: function() {return new ActiveXObject('Microsoft.XMLHTTP');}
  10. };
  11. var testObject;
  12. try {
  13. testObject = standard.createXhrObject();
  14. return standard;
  15. }
  16. catch(e) {
  17. try {
  18. testObject = activeXNew.createXhrObject();
  19. return activeXNew;
  20. }
  21. catch(e) {
  22. try {
  23. testObject = activeXOld.createXhrObject();
  24. return activeXOld;
  25. }
  26. catch(e) {
  27. throw new Error('No XHR object found');
  28. }
  29. }
  30. }
  31. })();

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/article/detail/41353
推荐阅读
相关标签
  

闽ICP备14008679号