本文详解为何调用 console.log(showContent(student)) 会导致控制台末尾多出一个 undefined，并提供正确的实践方式与注意事项。
本文详解为何调用 `console.log(showcontent(student))` 会导致控制台末尾多出一个 `undefined`，并提供正确的实践方式与注意事项。
在 JavaScript 中，forEach() 是一个用于遍历数组的高阶函数，它本身不返回任何值（即隐式返回 undefined）。当你编写如下代码：
function showContent(obj) {
obj.grades.forEach(function(grade) {
console.log(grade);
});
}
console.log(showContent(student));
虽然 forEach 内部成功打印了 15、18、14、17 四个成绩，但 showContent() 函数体中没有 return 语句，因此该函数默认返回 undefined。紧接着，外层的 console.log(showContent(student)) 就会把这次调用的返回值（即 undefined）也输出到控制台——这就是你看到 "15 18 14 17 undefined" 的根本原因。
✅ 正确做法是：仅调用函数，不要对其返回值做 console.log：
showContent(student); // ✅ 正确：只执行函数，不打印其返回值
⚠️ 补充说明：
-
forEach的设计初衷是「执行副作用」（如打印、修改外部变量、发送请求等），不是为了生成新数组或返回结果； - 若你需要收集处理后的数据，请改用
map()、filter()或reduce()等有返回值的数组方法； - 若坚持使用
forEach且需调试返回行为，可在函数末尾显式添加return;（效果等同于默认undefined），但不应再将其包裹在console.log()中。
总结：undefined 不是数据问题，而是对无返回值函数进行 console.log 调用的必然结果。掌握函数返回机制与数组迭代方法的语义差异，是写出健壮、可读代码的关键一步。
