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 中国語 Web サイトの他の関連記事を参照してください。