> 웹 프론트엔드 > JS 튜토리얼 > ES6 화살표 함수에서 객체를 올바르게 반환하려면 어떻게 해야 합니까?

ES6 화살표 함수에서 객체를 올바르게 반환하려면 어떻게 해야 합니까?

DDD
풀어 주다: 2024-12-19 07:36:10
원래의
961명이 탐색했습니다.

How Do I Correctly Return Objects from ES6 Arrow Functions?

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

ECMAScript 6(ES6)에서 화살표 함수는 간결한 구문을 제공하여 코드 가독성을 단순화합니다. 화살표 함수가 반환됩니다. 그러나 화살표 함수에서 개체를 반환할 때 일부 모호성이 발생하여 개체 리터럴을 중괄호로 묶고 명시적으로 return 키워드를 사용해야 합니다.

중괄호를 생략하면 구문이 모호해집니다. 예를 들어, p => {foo: "bar"}는 객체 반환이 아닌 함수 본문을 나타냅니다. 이 문제를 해결하려면 객체 리터럴을 괄호로 묶어야 합니다. p => ({foo: "bar"}).

비객체를 반환할 때는 괄호가 필요하지 않습니다. 예는 다음과 같습니다:

  • p => 10
  • 피 => 'foo'
  • p => 사실
  • p => [1,2,3]
  • p => null
  • p => /^foo$/

MDN 문서의 객체 리터럴 반환 섹션에서 이 개념을 명확히 설명합니다. 객체 리터럴을 괄호로 묶으면 파서가 의도한 반환 값을 올바르게 해석할 수 있습니다.

위 내용은 ES6 화살표 함수에서 객체를 올바르게 반환하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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