为什么箭头函数可能返回未定义：显式返回与隐式返回难题
箭头函数为在 JavaScript 中定义函数提供了简洁的语法。然而，在处理用括号（{}）包裹的函数体时，初学者经常会遇到一个奇怪的问题：为什么这些箭头函数返回 undefined？
考虑下面的简化示例：
const f = arg => { arg.toUpperCase(); };
console.log(f("testing")); // undefined这个箭头函数的目的是将参数转换为大写，但它返回未定义。原因在于箭头函数主体周围的可选大括号。
与简洁主体（不带大括号）的箭头函数不同，主体表达式是隐式返回的，具有函数主体语法的箭头函数需要一个显式返回语句。在原始示例中，缺少显式返回会导致返回 undefined 而不是大写参数。
要纠正此问题，您可以使用显式返回：
const f = arg => { return arg.toUpperCase(); };
// Explicit return ^^^^^^或者使用简洁的正文：
const f = arg => arg.toUpperCase();
显式返回且简洁的示例body:
const f1 = arg => { return arg.toUpperCase(); };
console.log(f1("testing"));
const f2 = arg => arg.toUpperCase();
console.log(f2("testing"));通过遵守这些规则，您可以确保箭头函数始终返回预期值，无论是通过显式返回还是隐式返回。
以上是为什么 JavaScript 中的某些箭头函数返回'未定义”？的详细内容。更多信息请关注PHP中文网其他相关文章！
