单元测试是验证函数或方法在各种输入下是否返回预期结果的过程，JavaScript中常用Jest框架进行测试。通过npm安装Jest并配置脚本后，可创建测试文件使用test()定义用例，expect()结合toBe()、toEqual()等匹配器进行断言。对于异步操作如fetch请求，可用jest.fn()模拟响应数据，避免真实网络请求。从简单函数测试入手，逐步掌握断言、mock和异步处理，坚持为新功能编写测试，能有效提升代码质量与维护效率。
前端单元测试是确保代码质量和稳定性的关键步骤。JavaScript作为前端开发的核心语言，配合合适的测试框架可以高效地完成单元测试工作。对于刚接触测试的开发者来说，掌握基本概念和工具使用是入门的第一步。
什么是单元测试
单元测试是指对程序中最小可测试单元进行验证的过程，通常针对函数或方法。目标是确认每个独立模块在各种输入下都能返回预期结果。
比如你写了一个加法函数：
function add(a, b) {return a + b;
}
你可以通过测试来验证 add(2, 3) 是否等于 5，这就是一个典型的单元测试用例。
立即学习“Java免费学习笔记（深入）”；
常用测试框架：Jest 入门
Jest 是由 Facebook 开发的 JavaScript 测试框架，配置简单、功能强大，适合前端项目快速上手。
安装 Jest：
npm install --save-dev jest在 package.json 中添加运行脚本：
"scripts": {"test": "jest"
}
创建测试文件，例如 math.test.js：
const add = require('./math');
test('adds 2 + 3 to equal 5', () => {
expect(add(2, 3)).toBe(5);
});
执行 npm test，如果输出绿色通过提示，说明测试成功。
测试的基本结构与断言
一个测试用例通常包含描述和断言逻辑。Jest 提供了丰富的匹配器（matchers）来判断结果是否符合预期。
- toBe()：严格相等（===）
- toEqual()：深度比较对象或数组
- toBeDefined()：检查变量已定义
- toBeTruthy() / toBeFalsy()：布尔判断
例如测试一个返回对象的函数：
test('returns a user object with name and age', () => {const user = getUser();
expect(user).toEqual({ name: 'Alice', age: 25 });
});
模拟与异步测试
实际开发中常涉及 API 调用或依赖外部函数，这时可以用 Jest 的 mock 功能隔离依赖。
比如有一个调用 fetch 的函数：
async function fetchUser(id) {const res = await fetch(`/api/users/${id}`);
return res.json();
}
测试时不想真实请求网络，可以模拟 fetch：
global.fetch = jest.fn(() =>Promise.resolve({
json: () => Promise.resolve({ id: 1, name: 'Bob' })
})
);
test('fetches user data correctly', async () => {
const data = await fetchUser(1);
expect(data.name).toBe('Bob');
});
这样既避免了网络依赖，又能验证逻辑正确性。
基本上就这些。从写简单函数测试开始，逐步掌握断言、mock 和异步处理，就能建立起良好的测试习惯。不复杂但容易忽略的是坚持为新功能补全测试，长期来看能大幅减少 bug 和维护成本。
