javascript单元测试是针对代码中最小可测试单元编写验证用例的过程，通过运行测试用例确认单个函数、模块的逻辑是否符合预期，能够有效减少代码迭代过程中的bug，提升项目的可维护性。
javascript单元测试基础编写步骤
1. 环境准备
首先需要安装对应的测试框架，以Jest为例，在项目中执行以下命令安装依赖：
npm install jest --save-dev
安装完成后在package.json中添加测试脚本：
{
"scripts": {
"test": "jest"
}
}
2. 编写待测试代码
先创建一个简单的工具函数，比如实现两个数相加的功能，文件命名为math.js：
// 两数相加函数
function add(a, b) {
return a + b;
}
// 导出函数供测试文件使用
module.exports = { add };
3. 编写测试用例
创建测试文件math.test.js，测试用例需要包含测试描述和具体的断言逻辑：
// 引入待测试的函数
const { add } = require('./math');
// 描述测试套件
describe('add函数测试', () => {
// 单个测试用例
test('两个正数相加返回正确结果', () => {
// 断言结果是否符合预期
expect(add(1, 2)).toBe(3);
});
test('正数和负数相加返回正确结果', () => {
expect(add(5, -3)).toBe(2);
});
test('两个负数相加返回正确结果', () => {
expect(add(-1, -2)).toBe(-3);
});
});
4. 运行测试
执行npm test命令即可运行所有测试用例，终端会输出测试结果，显示通过的用例数量和失败的用例详情。
流行的javascript测试框架介绍
Jest
Jest是Facebook推出的测试框架，内置了断言库、mock功能、测试覆盖率统计等能力，配置简单，开箱即用，是目前前端项目中使用率最高的测试框架之一，尤其适合React项目的测试。
Mocha
Mocha是一个灵活的测试框架，本身只提供测试结构，断言库、mock工具等需要开发者自行搭配，比如可以配合Chai做断言，配合Sinon做mock，适合需要自定义测试栈的场景。
Vitest
Vitest是面向Vite生态的测试框架，语法和Jest高度兼容，运行速度更快，支持ESM模块，适合使用Vite构建的前端项目，能够和Vite的配置无缝衔接。
Jasmine
Jasmine是一个行为驱动的测试框架，不需要依赖其他库，内置了断言和mock功能，语法简洁，适合没有复杂自定义需求的传统前端项目测试。
不同框架的特点对比
| 框架名称 | 核心特点 | 适用场景 |
|---|---|---|
| Jest | 开箱即用，功能全面，生态丰富 | React项目、通用前端项目 |
| Mocha | 灵活度高，可自定义搭配工具链 | 需要自定义测试栈的项目 |
| Vitest | 速度快，兼容Vite配置，ESM支持好 | Vite构建的前端项目 |
| Jasmine | 无依赖，语法简洁 | 传统前端项目、简单测试需求 |
单元测试编写注意事项
- 单个测试用例只验证一个逻辑点，避免一个用例覆盖过多功能
- 测试用例需要覆盖正常场景和异常场景，比如函数的入参不符合预期时的处理逻辑
- 测试代码需要和业务代码保持同步更新，避免测试用例过时失效
- 不要过度依赖外部状态，测试用例之间应该保持独立，互不影响
编写单元测试的核心目标是验证代码逻辑的正确性，不需要追求100%的测试覆盖率，优先覆盖核心业务逻辑和容易出问题的模块即可。
javascript单元测试JestMocha测试框架修改时间：2026-07-14 15:15:34