객체를 반환하는 ECMAScript 6 화살표(=>) 함수

질문 : 객체를 반환하는 ECMAScript 6 화살표 함수

---

화살표 함수에서 객체를 반환 할 때 문법의 모호성 때문에 {} 와 return

즉, p => {foo: "bar"} 를 쓸 수는 없지만 p => { return {foo: "bar"}; } .

화살표 함수가 객체 이외의 것을 반환하는 경우 {} 및 return 은 필요하지 않습니다 (예 : p => "foo" .

p => {foo: "bar"} undefined 반환합니다.

수정 된 p => {"foo": "bar"} 는 " SyntaxError : 예기치 않은 토큰 : ' : '"을 발생 시킵니다.

내가 놓친 명백한 것이 있습니까?

답변

---

반환하는 개체 리터럴을 괄호로 묶어야합니다. 그렇지 않으면 중괄호가 함수의 본문을 나타내는 것으로 간주됩니다. 다음 작업 :

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

다른 표현식을 괄호로 묶을 필요가 없습니다.

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

등등.

참조 : MDN-객체 리터럴 반환

출처 : https://stackoverflow.com/questions/28770415/ecmascript-6-arrow-function-that-returns-an-object