解析Javascript设计模式Revealing Module 揭示模式单例模式

2023年6月10日下午4:05 • JavaScript

解析Javascript设计模式- 模块(Module)设计模式

什么是设计模式？

设计模式是指在软件开发过程中，经过实践和总结得出的一些针对重复出现问题的通用解决方案。

模块(Module)设计模式

在Javascript中通过函数的作用域和闭包来实现模块化，这是Javascript编程中比较常用的设计模式。通过将私有变量和私有函数作为函数的局部变量和局部函数来创建私有作用域。随后，通过返回一个具有共有方法的对象，从而将共有方法添加到其公共API中。

Revealing Module 模式- 揭示模式

Revealing Module 模式是指在模块(Module)设计模式基础上进行优化改进的设计模式。这种模式支持明确地指定函数的局部变量和局部函数。主要优点在于可以清晰地区分私有变量和公共变量，而且可以清晰地指定公共变量和方法。

单例模式

在Javascript中，单例模式是指一个类（class）扮演一个全局变量的角色，该类只被实例化一次，该实例化对象被视为全局变量。这种方法既避免了使用全局变量，又能实现共享状态，从而提高了代码的可维护性。

示例1：揭示模式

在本示例中，我们将创建一个Person的对象，并将其作为模块按照揭示模式设计。该对象包含两个公共方法（setName和getName )，以及一个私有变量name。在实现过程中，通过在函数定义中直接暴露公共部分，来暴露这些方法。请参见下面示例代码：

var Person = (function() {
  var name = '';

  function setName(newName) {
    name = newName;
  }

  function getName() {
    return name;
  }

  return {
    setName: setName,
    getName: getName
  };
})();

//使用示例
Person.setName('John');
console.log(Person.getName()); //输出 'John'

在上述示例中，我们使用一个立即调用函数表达式(IIFE)来创建并返回公共API，该函数包含模块中定义的私有变量和私有函数。公共方法在返回的对象中红暴露出来，以便公共API可用。

由于在创建模块时使用了函数作用域和闭包，因此可以将私有变量和私有函数隔离在私有作用域内，从而实现模块化。

示例2：单例模式

在此示例中，我们将构建一个单例，用于处理用户登录状态。该单例将包含一些公共函数，例如登录（login），登出（logout）和获取当前用户（getCurrentUser）。请参见下面示例代码：

var LoginService = (function() {
  var instance = null;

  function constructor() {
    //私有变量和函数
    var users = ['user1', 'user2', 'user3'];
    var currentUser = null;

    function login(user) {
      if(!users.includes(user)) {
        throw new Error('User not found!');
      }
      currentUser = user;
    }

    function logout() {
      currentUser = null;
    }

    function getCurrentUser() {
      return currentUser;
    }

    return {
      //公共函数
      login: login,
      logout: logout,
      getCurrentUser: getCurrentUser
    }
  }

  return {
    getInstance: function() {
      if(instance === null) {
        instance = new constructor();
      }
      return instance;
    }
  }
})();

// 调用示例
var loginService = LoginService.getInstance();
loginService.login('user1');
console.log(loginService.getCurrentUser()); //输出'user1'

var loginService2 = LoginService.getInstance();
console.log(loginService === loginService2); //输出true，因为两个对象指向同一个实例

在上述示例中，单例模式被用于保持一个类的实例仅仅在系统中的一个地方存在。在上述代码中，getInstance方法返回的是单例的唯一实例。如果该实例不存在，则会创建一个实例。利用这种方式，即使在系统中的不同地方使用了LoginService.getInstance()方法获取单例的实例的引用，实际上也只有一个对象的实例被创建。这正是单例模式的优点所在。