如何正確從 ECMAScript 6 箭頭函數傳回物件？

在ECMAScript 6 中從箭頭函數傳回物件

在ECMAScript 6 中，當處理傳回物件的箭頭函數時，會出現語法歧義。以下程式碼會引發錯誤：

p => {foo: "bar"}

要解決此歧義，您必須將傳回的物件文字括在括號中：

p => ({ foo: "bar" })

這會強制將花括號解釋為一部分物件字面量，而不是函數體。

傳回其他非物件不需要這個額外的步驟值：

p => 10
p => 'foo'
p => true
p => [1,2,3]
p => null
p => /^foo$/

此語法背後的推理可能會防止意外的物件建立。透過需要括號，可以更明確地表明該函數旨在傳回一個物件。

因此，當從箭頭函數傳回物件時，請記住將物件字面量括在括號中以避免語法至關重要錯誤或意外行為。

以上是如何正確從 ECMAScript 6 箭頭函數傳回物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！