명시적으로 반환되지 않는 한 왜 중괄호가 있는 화살표 함수는 '정의되지 않음'을 반환합니까?

화살표 함수: 누락된 반환 값 이해

JavaScript 영역에서 화살표 함수는 간결하고 표현력 있는 표현을 위한 인기 있는 선택으로 떠올랐습니다. 암호. 그러나 함수 본문 버전(중괄호 포함)을 사용할 때 일반적인 함정이 발생할 수 있습니다.

문제: 반환 값 누락

다음 화살표 함수를 고려하세요.

const f = arg => { arg.toUpperCase(); };

이 함수를 호출하면 예상된 값 대신 정의되지 않은 값이 반환됩니다. 왜 그럴까요?

암시된 반환 공개

화살표 함수에서는 간결한 본문(중괄호 없이)을 사용할 때 return 문이 암시적으로 적용됩니다. 이는 괄호 안의 표현식 결과가 반환 값이 된다는 의미입니다.

간결한 본문 예:

const f = arg => arg.toUpperCase();

이제 이 함수를 호출하면 원하는 문자열이 반환됩니다.

console.log(f("testing")); // "TESTING"

함수에 대한 명시적 반환 Body

단, 중괄호를 사용할 경우 무엇을 반환해야 하는지 명시적인 return 문이 필요합니다. 그렇지 않으면 함수는 정의되지 않은 상태를 반환합니다.

명시적 반환 예:

const f = arg => { return arg.toUpperCase(); };

이 수정된 함수를 호출하면 동일한 결과가 생성됩니다.

console.log(f("testing")); // "TESTING"

기억하세요: 화살표 함수의 간결한 본문에는 묵시적 반환이 존재하지만 함수 본문에 중괄호를 사용하는 경우 명시적인 반환이 필요합니다. 코드에서 예상치 못한 정의되지 않은 값을 방지하려면 이러한 차이점을 이해하는 것이 중요합니다.

위 내용은 명시적으로 반환되지 않는 한 왜 중괄호가 있는 화살표 함수는 '정의되지 않음'을 반환합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!