JavaScript Mock 模拟中怎么在测试中模拟本地存储行为-js教程-PHP中文网

JavaScript单元测试中模拟localStorage需替换window.localStorage对象，用轻量Mock实现setItem等方法并确保状态隔离；Jest可mock模块，Vitest用vi.restoreAllMocks清理；进阶需手动触发StorageEvent。

javascript mock 模拟中怎么在测试中模拟本地存储行为

在 JavaScript 单元测试中模拟 localStorage 行为，核心是**替换全局的 window.localStorage 对象**，使其具备可控制的读写逻辑和状态隔离能力。避免真实操作浏览器本地存储，保证测试可重复、无副作用。

手动创建轻量级 Mock 对象

适用于 Jest、Vitest 或其他测试框架，无需额外依赖：

在测试文件顶部或 beforeEach 中，用一个普通对象模拟 localStorage 的键值对存储
覆盖 setItem、getItem、removeItem、clear 四个关键方法
注意：必须同时替换 window.localStorage 和 global.localStorage（Node 环境下）

示例（Jest）：

const localStorageMock = {
  store: {},
  getItem(key) { return this.store[key] || null; },
  setItem(key, value) { this.store[key] = String(value); },
  removeItem(key) { delete this.store[key]; },
  clear() { this.store = {}; }
};

beforeEach(() => {
  Object.defineProperty(window, 'localStorage', { value: localStorageMock });
});

使用 Jest 自带的 `jest.mock()` 配合模块模拟

如果封装了本地存储工具类（如 StorageUtil.js），推荐直接 mock 整个模块：

Java调试

通过 JDWP 实现 Java 远程调试：连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。术语注解 JDWP：Java Debug Wire Protocol，Java 调试有线协议（Java 远程调试底层通信协议） remote JVM：远程 Java 虚拟机 step through code：代码单步调试（步入 / 步过 / 步出调试） inspect variables：变量查看 / 变量检视 stac

下载

在测试文件中调用 jest.mock('./StorageUtil')
用 jest.requireActual 保留部分真实行为，或完全替换为 mock 实现
更利于解耦，避免污染全局 window

示例：

jest.mock('./StorageUtil', () => {
  const store = new Map();
  return {
    setItem: jest.fn((key, value) => store.set(key, value)),
    getItem: jest.fn(key => store.get(key)),
    removeItem: jest.fn(key => store.delete(key)),
    clear: jest.fn(() => store.clear())
  };
});