代码覆盖率是衡量测试用例执行源代码程度的指标，包括行覆盖率、函数覆盖率、分支覆盖率和语句覆盖率，常用工具如Jest、Istanbul（nyc）、Vitest可自动生成报告，通过颜色标识覆盖情况，建议优先覆盖核心逻辑并设置阈值防止下降。
JavaScript代码覆盖率测试用来衡量测试用例执行了多少源代码，帮助开发者发现未被覆盖的逻辑分支、函数或语句。高覆盖率不能完全代表测试质量，但能有效提示潜在的测试盲区。
什么是代码覆盖率
代码覆盖率通常分为以下几种类型：
- 行覆盖率（Line Coverage）：哪些行被执行过
- 函数覆盖率（Function Coverage）：哪些函数被调用过
- 分支覆盖率（Branch Coverage）：if/else等条件分支是否都被执行
- 语句覆盖率（Statement Coverage）：每条语句是否运行过
这些指标由工具自动分析生成，常以百分比形式展示。
常用工具与框架集成
在现代JavaScript开发中，常用工具组合包括：
立即学习“Java免费学习笔记（深入）”；
- Jest：自带覆盖率功能，使用--coverage即可生成报告
- Istanbul（nyc）：可与Mocha、Chai等搭配使用，支持Node.js和浏览器环境
- Vitest：Vite生态下的快速测试工具，也支持覆盖率统计
例如，在Jest中启用覆盖率只需在命令中添加参数：
jest --coverage也可以在jest.config.js中配置详细选项：
{
"collectCoverage": true,
"coverageDirectory": "coverage",
"coverageReporters": ["html", "lcov", "text"],
"collectCoverageFrom": [
"src/**/*.{js,jsx}"
]
}
生成与查看报告
运行测试后，工具会生成coverage/目录，包含HTML页面或其他格式的报告文件。打开index.html可在浏览器中查看：
- 绿色表示已覆盖
- 红色表示未执行代码
- 黄色可能表示分支未完全覆盖
通过点击具体文件，可以逐行查看哪些语句或条件未被测试到，便于针对性补充用例。
提升覆盖率的实用建议
提高覆盖率不是目的，保障关键逻辑被充分验证才是重点。建议：
- 优先覆盖核心业务逻辑和公共工具函数
- 为if/else、switch、try/catch写多路径测试
- 避免为了数字而“凑”覆盖率，比如忽略无逻辑的getter/setter
- 设置阈值防止覆盖率下降，可在CI中配置：
// package.json 中的 jest 配置示例
"scripts": {
"test:coverage": "jest --coverage --coverage-threshold='{\"lines\": 80}'"
}
这样当行覆盖率低于80%时，构建将失败。
基本上就这些。合理使用覆盖率工具，结合高质量的测试用例，才能真正提升代码稳定性。
