> 웹 프론트엔드 > JS 튜토리얼 > ECMAScript 6 화살표 함수에서 객체를 올바르게 반환하는 방법은 무엇입니까?

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

Mary-Kate Olsen
풀어 주다: 2024-12-24 16:07:15
원래의
554명이 탐색했습니다.

How to Correctly Return Objects from ECMAScript 6 Arrow Functions?

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

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿