记一次单和多实现Storage，使得该对象为单例，并对localStorage进行封装设置值setItem(key,value)和getItem(k

问题:实现Storage，使得该对象为单例，并对localStorage进行封装设置值setItem(key,value)和getItem(key)

答:要实现一个单例的 Storage 对象，并对 localStorage 进行封装，我们可以使用 JavaScript 的模块模式来实现。模块模式可以创建一个只有一个实例的对象，并且可以隐藏内部状态和方法。以下是一个实现该功能的示例代码：

// 使用立即执行函数创建一个模块
const Storage = (() => {
  let instance;

  // 私有变量，用于存储数据
  const data = {};

  // 封装 localStorage 的 setItem 和 getItem 方法
  const setItem = (key, value) => {
    data[key] = value;
    localStorage.setItem(key, JSON.stringify(value));
  };

  const getItem = (key) => {
    if (data[key] !== undefined) {
      return data[key];
    } else {
      const value = JSON.parse(localStorage.getItem(key));
      data[key] = value;
      return value;
    }
  };

  // 返回一个对象，包含对外暴露的方法
  return {
    // 获取 Storage 实例，确保只有一个实例
    getInstance: () => {
      if (!instance) {
        instance = {
          setItem,
          getItem,
        };
      }
      return instance;
    },
  };
})();

// 导出 Storage 对象
export const storage = Storage.getInstance();

使用上述代码后，我们可以通过 storage.setItem(key, value) 方法来设置值，并通过 storage.getItem(key) 方法来获取值。这样，我们就创建了一个单例的 Storage 对象，并对 localStorage 进行了封装。注意，为了简化示例，这里的 setItem 和 getItem 方法仅针对字符串进行了封装。在实际应用中，你可能需要对更多的数据类型进行处理。

补充:单例的 Storage 对象解释

"单例的 Storage 对象"指的是在整个应用程序中只存在一个 Storage 对象实例。在上述代码中，我们使用了模块模式，通过立即执行函数创建了一个闭包，并在闭包内部定义了一个私有的变量 instance，用于存储唯一的 Storage 对象实例。

通过 Storage.getInstance() 方法获取该实例，如果在之前没有创建过实例，则会创建一个新的对象，并将其赋值给 instance 变量。如果已经存在了一个实例，则直接返回之前创建的实例，确保整个应用程序中只有一个 Storage 对象。

这种模式可以保证在整个应用程序中，无论在哪个地方调用 Storage.getInstance() 方法，都会获取到同一个 Storage 对象的引用，避免了重复创建多个对象。这样做可以节省内存，并确保对于共享数据的操作是一致的，因为它们都操作的是同一个实例。

问:那相对的多实例是什么形式的?

相对于单例模式，多实例模式指的是在整个应用程序中可以创建多个实例。也就是说，每次调用创建实例的方法，都会返回一个新的对象，而不是共享同一个实例。

在多实例模式中，每个实例都是独立的，它们之间没有任何关联，也没有共享数据。每个实例可以单独进行操作，并且修改其中一个实例的状态不会影响其他实例。

多实例模式适用于那些需要多个相互独立的对象的场景，每个实例之间的行为和数据都是独立的，互不影响。在某些情况下，多实例模式可能更加灵活和方便，因为它允许创建多个独立的对象来处理不同的任务，而不会对其他对象产生任何影响。

举例说明

让我们通过一个简单的例子来说明单例模式和多实例模式的区别。

假设我们有一个Logger（日志记录器）类，用于在应用程序中记录日志。在单例模式下，我们希望只有一个Logger实例，以便所有组件和模块都可以共享同一个日志记录器，避免创建多个重复的日志记录器。

单例模式示例：

class Logger {
  constructor() {
    this.logs = [];
  }

  log(message) {
    this.logs.push(message);
  }

  printLogs() {
    console.log(this.logs);
  }
}

// 创建单例实例
const loggerInstance = new Logger();
// 添加日志
loggerInstance.log("Log message 1");
loggerInstance.log("Log message 2");
// 输出所有日志
loggerInstance.printLogs(); // ["Log message 1", "Log message 2"]

在上面的例子中，我们只创建了一个Logger实例，并在应用程序的不同部分使用相同的实例记录日志。

现在，让我们看看多实例模式的例子，我们可能希望在应用程序的不同模块中分别创建多个日志记录器，它们相互独立，不共享日志数据。

多实例模式示例：

class Logger {
  constructor() {
    this.logs = [];
  }

  log(message) {
    this.logs.push(message);
  }

  printLogs() {
    console.log(this.logs);
  }
}

// 创建多个独立的实例
const loggerInstance1 = new Logger();
const loggerInstance2 = new Logger();

// 在不同实例中记录不同的日志
loggerInstance1.log("Log message 1 from instance 1");
loggerInstance2.log("Log message 2 from instance 2");

// 输出每个实例的日志
loggerInstance1.printLogs(); // ["Log message 1 from instance 1"]
loggerInstance2.printLogs(); // ["Log message 2 from instance 2"]

在这个例子中，我们创建了两个独立的Logger实例，它们之间没有任何关联，互不影响，分别记录自己的日志。这就是多实例模式的应用场景。

怎么使用

// other-file.js

import { storage } from './storage';

// 使用单例的 storage 对象
storage.setItem('key1', 'value1');
const value = storage.getItem('key1');
console.log(value); // Output: "value1"

这样，我们可以在其他文件中直接使用storage对象来设置和获取数据，而不需要再调用Storage.getInstance()来获取实例。因为storage是单例模式，所以在整个应用程序中，无论在哪个文件中使用它，都是同一个实例，数据也是共享的。

这篇好文章是转载于：学新通技术网