> 웹 프론트엔드 > JS 튜토리얼 > ES6 화살표 함수에는 언제 명시적인 'return' 문이 필요합니까?

ES6 화살표 함수에는 언제 명시적인 'return' 문이 필요합니까?

Patricia Arquette
풀어 주다: 2024-12-24 08:51:10
원래의
521명이 탐색했습니다.

When Do ES6 Arrow Functions Require an Explicit `return` Statement?

ES6 화살표 함수에서 명시적 반환은 언제 필요합니까?

ES6에서 화살표 함수는 간결한 본문 내에서 표현식을 암시적으로 반환합니다. 단일 표현식을 사용하는 시나리오에서는 return 키워드가 필요합니다. 그러나 명시적인 return 문이 여전히 필요한 특별한 경우가 있습니다.

Arrow 함수와 함께 return을 사용하는 경우

  • Block이 다음과 같은 경우 현재: 중괄호(블록)가 있는 화살표 함수는 암시적 반환 동작을 잃습니다. 함수의 반환 값을 지정하려면 명시적인 return 문을 사용해야 합니다. 예:
() => { console.log('Hello'); } // Implicit return, logs 'Hello'
() => { return 'Hello'; } // Explicit return, returns 'Hello'
로그인 후 복사
  • 모호한 구문: 명시적인 반환 없이 중괄호를 사용하면 구문이 모호해질 수 있습니다. 예를 들어, 다음 화살표 함수는 다음과 같습니다.
(name) => {id: name}
로그인 후 복사

중괄호가 블록을 나타내고 id를 속성 이름이 아닌 레이블로 해석하므로 정의되지 않은 값을 반환합니다.

  • 여러 줄 표현식: 화살표 함수의 표현식이 여러 줄에 걸쳐 있는 경우 return이 포함되었는지 기억하는 것이 혼란스러울 수 있습니다. 오류를 방지하려면 명시적으로 return을 사용하여 올바른 반환 값을 확인하세요.

암시적 반환:

(name) => name + '!'; // Implicit return, returns 'Jess!'
로그인 후 복사

명시적 반환:

(name) => { return name + '!'; } // Explicit return, returns 'Jess!'
로그인 후 복사

요약하자면 화살표 함수에 블록이 포함되어 있거나 구문이 모호하거나 여러 줄에 걸쳐 있는 경우 함수의 반환 값을 지정하려면 명시적인 반환 문이 필요합니다. 그렇지 않으면 화살표 함수 본문의 표현식이 암시적으로 반환됩니다.

위 내용은 ES6 화살표 함수에는 언제 명시적인 'return' 문이 필요합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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