17370845950

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、不修改入参——正好适合单元测试。

用 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，能提前发现逻辑漏洞。

基本上就这些。不复杂但容易忽略的是：测试文件要和源码放一起或按约定结构组织，每次改函数顺手更新对应测试，才能让单元测试真正变成你的开发反馈环。