Javascript如何进行单元测试？-js教程-PHP中文网

Javascript如何进行单元测试？

紅蓮之龍

发布： 2025-12-18 16:48:07

原创

602人浏览过

JavaScript单元测试核心是用独立可重复代码验证函数行为，推荐Vitest工具，强调代码可测性、清晰用例和Mock隔离。

javascript如何进行单元测试？

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 测试

比如这个加法函数就很容易测：

Fotor AI Image Upscaler

Fotor推出的AI图片放大工具

查看详情

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%，先从核心逻辑、边界条件（空值、负数、异常输入）和关键分支开始写。测试写顺了，重构才敢动，上线才踏实。

以上就是Javascript如何进行单元测试？的详细内容，更多请关注php中文网其它相关文章！