JavaScript单元测试核心是用独立可重复代码验证函数行为，推荐Vitest工具，强调代码可测性、清晰用例和Mock隔离。
JavaScript 单元测试的核心是：用独立、可重复的代码验证函数或模块的行为是否符合预期。关键不在于框架多炫，而在于写得清楚、跑得稳定、改得安心。
选一个轻量靠谱的测试工具
推荐从 Vitest 入手——它专为 Vite 生态设计，启动快、API 简洁、原生支持 ES 模块和 TypeScript，配置几乎为零。想兼容老项目也可用 Jest，但 Vitest 更现代、更轻、更贴近当前开发习惯。
安装示例（Vitest）：
npm install -D vitest
在 package.json 中加一条脚本：
立即学习“Java免费学习笔记（深入）”；
"test": "vitest"
给函数写可测的代码
单元测试效果好不好，一半取决于代码本身是否“友好”。注意三点：
- 函数尽量只做一件事，输入明确、输出确定（避免依赖全局变量、Date.now()、Math.random() 等不确定因素）
- 副作用（如发请求、改 DOM）抽离出去，主逻辑保持纯函数特性
- 异步操作用 Promise 封装，方便用
await或async/await测试
比如这个加法函数就很容易测：
export function add(a, b) { return a + b; }
用 describe / it 写清晰的测试用例
每个测试文件对应一个被测模块，用 describe 描述功能模块，用 it（或 test）描述具体行为。断言推荐用 Vitest 内置的 expect：
import { add } from './math.js';
import { describe, it, expect } from 'vitest';
describe('add', () => {
it('returns sum of two numbers', () => {
expect(add(2, 3)).toBe(5);
expect(add(-1, 1)).toBe(0);
});
});
常见断言还有：toEqual（深比较对象）、toThrow（检查报错）、toBeCalled（验证 mock 函数调用）等。
模拟外部依赖（Mock）让测试真正隔离
测试某个函数时，不希望它真的调用 API 或读取 localStorage。这时要用 vi.mock() 或 vi.fn() 模拟行为：
- 用
vi.fn()创建模拟函数，可设定返回值、记录调用次数 - 用
vi.mock('./api.js')替换整个模块，让它返回假数据 - 测试完记得用
vi.clearAllMocks()重置状态，避免测试间干扰
例如模拟一个 fetch 调用：
global.fetch = vi.fn(() =>
Promise.resolve({ json: () => Promise.resolve({ id: 1 }) })
);
it('fetches user data', async () => {
const data = await getUser(1);
expect(data.id).toBe(1);
expect(fetch).toHaveBeenCalledTimes(1);
});
基本上就这些。不用追求覆盖率 100%，先从核心逻辑、边界条件（空值、负数、异常输入）和关键分支开始写。测试写顺了，重构才敢动，上线才踏实。
