ES6 アロー関数からオブジェクトを正しく返すにはどうすればよいですか?

ECMAScript 6 のアロー関数からオブジェクトを返す

ECMAScript 6 (ES6) では、アロー関数は簡潔な構文を提供することでコードの読みやすさを簡素化します。アロー関数は戻ります。ただし、アロー関数からオブジェクトを返す場合、ある程度のあいまいさが生じ、オブジェクト リテラルを中かっこで囲み、明示的に return キーワードを使用する必要があります。

中かっこを省略すると、構文があいまいになります。たとえば、p => {foo: "bar"} は、オブジェクトの戻り値ではなく、関数の本体を表します。これを解決するには、次のようにオブジェクト リテラルを括弧で囲む必要があります。 ({foo: "bar"}).

オブジェクト以外を返す場合、括弧は不要です。例は次のとおりです。

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

MDN ドキュメントでは、オブジェクト リテラルを返すことに関するセクションでこの概念を明確にしています。オブジェクト リテラルを括弧で囲むことにより、パーサーは意図した戻り値を正しく解釈できます。

以上がES6 アロー関数からオブジェクトを正しく返すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。