为什么某些 JavaScript 箭头函数返回'未定义”？

箭头函数和显式返回语句

在 JavaScript 中，箭头函数为定义函数提供了简洁的语法。然而，一个常见的陷阱是在调用利用块体的箭头函数时遇到未定义的值。

考虑以下箭头函数：

const f = arg => { arg.toUpperCase(); };

虽然此函数可能看起来合乎逻辑，但在以下情况下它会返回未定义叫。要理解原因，我们需要检查箭头函数的语义。

在箭头函数中使用块体（带大括号）时，隐式返回行为与简洁体（不带大括号）不同。在块体版本中，必须使用 return 关键字显式指定函数返回的值。

const f = arg => { return arg.toUpperCase(); };

通过此显式 return 语句，函数可以正确返回预期值：“TESTING”。

或者，您可以使用简洁的主体语法来隐式实现相同的结果：

const f = arg => arg.toUpperCase();

在这种情况下，最后一个表达式箭头函数会自动返回主体 arg.toUpperCase()。

因此，为避免在使用块体调用箭头函数时出现未定义的值，请始终使用 return 关键字显式指定返回值或使用简洁的主体语法。

以上是为什么某些 JavaScript 箭头函数返回'未定义”？的详细内容。更多信息请关注PHP中文网其他相关文章！