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

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

ECMAScript 6 (ES6) では、アロー関数は関数を定義するための簡潔な構文を提供します。ただし、アロー関数からオブジェクトを返す場合、文法的な曖昧さにより一般的な混乱が発生します。

次のコード スニペットは予期しない動作を引き起こします:

p => {foo: "bar"}

この式は返されます予期されたオブジェクトではなく未定義です。これに対処するには、追加の中括弧セットと return キーワードが必要です。

p => { return {foo: "bar"}; }

このアプローチにより、中括弧が関数の本体ではなくオブジェクト リテラルとして解釈されることが保証されます。

ただし、この追加の構文は面倒になる可能性があります。幸いなことに、より簡単な解決策が存在します。オブジェクト リテラルを括弧で囲むことで、曖昧さが解決されます。

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

この変更により、中括弧はオブジェクト リテラルを明確に示し、return キーワードは必要なくなります。この手法は、アロー関数によって返される他の式に適用でき、追加の構文オーバーヘッドの必要がなくなります。

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

文法的な曖昧さを理解し、括弧で囲む手法を使用することで、開発者は効果的にオブジェクトを返すことができます。 ECMAScript 6 のアロー関数から。

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