函数、参数与作用域

这一节要完成什么

把重复计算封装成输入明确、返回值稳定的函数。

先理解：为什么要学它

把重复计算封装成输入明确、返回值稳定的函数。

跟着做

function percent(done, total) {
  if (total <= 0) return 0;
  return Math.round((done / total) * 100);
}
const htmlPercent = percent(3, 12);

1. 打开上一节保留的项目，先运行当前版本并记录结果。
2. 输入示例并逐行运行，完成：写 remaining(done,total)，不让结果小于 0，并分别测试正常值与错误总数。
3. 至少改变一个输入，先预测结果，再用浏览器验证。
4. 故意制造本节典型错误，再根据错误信息修复：函数内部声明的变量不能在外部直接读取；需要结果就 return。

关键代码怎么读

• 把重复计算封装成输入明确、返回值稳定的函数。
• 代码要按输入、处理、输出三部分阅读；先指出每一部分在哪里。
• 能运行只是第一步，完成后必须用不同输入验证边界。

常见错误：看到什么，检查什么

自己完成一次

写 remaining(done,total)，不让结果小于 0，并分别测试正常值与错误总数。

完成检查

• 我完成了本节要求的可见结果
• 我能解释关键代码的输入、处理和输出
• 我测试了正常、边界和错误情况