為什麼某些 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中文網其他相關文章！