為什麼花括號會破壞個案陳述中的箭頭功能？

箭頭函數中的大括號：揭開謎團

在Dan Abramov 的講座中，出現了一個有趣的問題：為什麼大括號會導致函數測試失敗？讓我們調查這個謎團。

有問題的程式碼是 case 語句中的箭頭函數：

case 'toggleTodo' :
        return (
            state.map( (one) => {
                oneTodo( one, action )
            })
        );

當包含大括號 { } 時，測試失敗。然而，當它們被省略時，程式碼可以完美地工作。下面是幕後發生的事。

大括號的力量：區塊和明確回傳

當您將函數體括在大括號中時，您建立了一個阻止。區塊可以包含多個語句，每個語句都以分號結尾。如果要從區塊傳回值，則必須明確使用 return 語句。

對於有大括號的箭頭函數，主體只包含對oneTodo()。由於沒有明確的 return 語句，函數傳回 undefined。這種意外行為會導致測試失敗。

要修正此問題，您需要明確回傳 oneTodo() 呼叫的結果：

(one) => {
    return oneTodo(one, action);
}

簡潔的主體：為了簡單而省略大括號

如果省略大括號中，箭頭函數有一個簡潔的函數體。簡潔主體由單一表達式組成，其結果隱式傳回。

在沒有大括號的範例中，簡潔主體為：

(one) => oneTodo( one, action )

此表達式相當於：

return oneTodo( one, action );

省略大括號，您無需顯式即可得到相同的結果return 語句。

理解差異

關鍵要點是理解 區塊 之間的區別（由大括號）和簡潔的正文 （由沒有大括號表示括號）。區塊需要明確的 return 語句，而簡潔的主體則隱式傳回單一表達式的結果。

因此，在 case 語句中使用箭頭函數時，請記住使用大括號和顯式的 return 語句（如果您需要在函數體內包含多個語句）。如果您只需要單一表達式，則可以省略大括號以建立簡潔的正文。

以上是為什麼花括號會破壞個案陳述中的箭頭功能？的詳細內容。更多資訊請關注PHP中文網其他相關文章！