일부 JavaScript 화살표 함수가 '정의되지 않음'을 반환하는 이유는 무엇입니까?

화살표 함수 및 명시적 반환 문

JavaScript에서 화살표 함수는 함수 정의를 위한 간결한 구문을 제공합니다. 그러나 일반적인 함정은 블록 몸체를 활용하는 화살표 함수를 호출할 때 정의되지 않은 값이 발생하는 것입니다.

다음 화살표 함수를 고려하십시오.

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

이 함수는 논리적으로 보일 수 있지만 다음과 같은 경우 정의되지 않은 값을 반환합니다. 라고 불리는. 그 이유를 이해하려면 화살표 함수의 의미를 검토해야 합니다.

화살표 함수에서 블록 본문(중괄호 포함)을 사용할 때 암시적 반환 동작은 간결 본문(중괄호 없음)과 다릅니다. 블록 본문 버전에서는 함수가 반환하는 값을 return 키워드를 사용하여 명시적으로 지정해야 합니다.

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

이 명시적인 return 문을 사용하면 함수가 예상 값인 "TESTING"을 올바르게 반환합니다.

또는 간결한 본문 구문을 사용하여 암시적으로 동일한 결과를 얻을 수 있습니다.

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

이 경우, 본문의 마지막 표현식인 arg.toUpperCase()는 화살표 함수에 의해 자동으로 반환됩니다.

따라서 블록 본문으로 화살표 함수를 호출할 때 정의되지 않은 값을 방지하려면 항상 반환 값을 사용하여 반환 값을 명시적으로 지정하세요. 키워드를 사용하거나 간결한 본문 구문을 사용하세요.

위 내용은 일부 JavaScript 화살표 함수가 '정의되지 않음'을 반환하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!