JavaScript单元测试核心是选对框架(Jest/Vitest)、写可测函数、用断言验证行为;需覆盖正常逻辑与边界异常,测试文件应与源码协同维护。

用 JavaScript 进行单元测试,核心是选对测试框架、写可测代码、再用断言验证行为。不需要复杂配置,从一个简单函数开始就能上手。
选一个轻量易上手的测试框架
推荐从 Jest 或 Vitest 入门。Jest 生态成熟、自带断言和模拟工具;Vitest 更快、与 Vite 项目天然兼容,API 和 Jest 高度一致,迁移成本低。
- 安装 Jest:
npm install --save-dev jest,在package.json中配置"test": "jest" - 安装 Vitest:
npm install --save-dev vitest,加一行脚本"test": "vitest" - 两者都支持
.test.js或.spec.js文件自动识别
写一个可测试的函数
避免副作用、不依赖全局状态、输入决定输出。比如这个计算数组最大值的函数:
export function getMax(arr) {
if (!Array.isArray(arr) || arr.length === 0) return undefined;
return Math.max(...arr);
}
它没有 DOM 操作、不调用 API、不修改入参——正好适合单元测试。
立即学习“Java免费学习笔记(深入)”;
用 describe 和 test 写测试用例
每个功能点对应一个 test,一组相关测试用例用 describe 分组。断言用 expect(...).toBe(...) 等方法。
import { getMax } from './math.js';
describe('getMax', () => {
test('返回数组中的最大值', () => {
expect(getMax([1, 5, 3])).toBe(5);
});
test('空数组返回 undefined', () => {
expect(getMax([])).toBeUndefined();
});
test('非数组输入返回 undefined', () => {
expect(getMax('not array')).toBeUndefined();
});
});
覆盖边界和异常情况
好测试不是只测“正常流程”,更要检查:空输入、非法类型、极值、错误路径。比如:
- 传
null、undefined、字符串、对象时是否安全返回 - 数组含负数、小数、Infinity 是否仍正确
- 超大数组是否不报错(性能不是单元测试重点,但逻辑不能崩)
这些不用全写成独立 test,但至少有 2–3 个典型异常 case,能提前发现逻辑漏洞。
基本上就这些。不复杂但容易忽略的是:测试文件要和源码放一起或按约定结构组织,每次改函数顺手更新对应测试,才能让单元测试真正变成你的开发反馈环。










