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

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

在ECMAScript 6 (ES6) 中，箭頭函數透過提供簡潔的語法來簡化程式碼的可讀性箭頭函數傳回。但是，當從箭頭函數傳回物件時，會出現一些歧義，導致需要將物件文字括在大括號中並明確使用 return 關鍵字。

省略大括號時會出現語法不明確。例如，p => {foo: "bar"} 表示函數體而不是物件回傳。要解決此問題，必須用括號將物件文字括起來：p => ({foo: "bar"}).

傳回非物件時，不需要括號。例如：

• p =>; 10
• p => 'foo'
• p =>;真
• p => [🎜>p =>;真
• p => [ 1,2,3]
• p => null

p =>; /^foo$/

MDN 文件在其有關傳回物件文字的部分中闡明了這個概念。透過將物件文字括在括號中，解析器可以正確解釋預期的回傳值。

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