ES6 화살표 함수에서 객체를 올바르게 반환하는 방법은 무엇입니까?

ECMAScript 6의 Arrow 함수에서 객체 반환

ECMAScript 6(ES6)에서 화살표 함수는 함수 정의를 위한 간결한 구문을 제공합니다. 그러나 화살표 함수에서 객체를 반환할 때 문법적 모호성으로 인해 일반적인 혼란이 발생합니다.

다음 코드 조각은 예기치 않은 동작을 초래합니다.

p => {foo: "bar"}

이 표현식은 반환됩니다. 예상되는 개체 대신 정의되지 않았습니다. 이 문제를 해결하려면 추가 중괄호 세트와 반환 키워드가 필요합니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!