블록 선언을 사용할 때 화살표 함수에 명시적 반환이 필요한 이유는 무엇입니까?

블록 선언이 없는 Arrow 함수가 명시적으로 값을 반환해야 하는 이유

ES6에 도입된 화살표 함수는 JavaScript 함수의 구문을 단순화합니다. 그러나 값을 반환할 때 일반 함수와 다르게 동작할 수 있습니다.

블록 선언(중괄호로 묶음)이 있는 다음 화살표 함수를 고려하세요.

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

이 함수 호출 값을 반환하지 않으므로 undefound가 콘솔에 인쇄됩니다.

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

일반 함수와 달리 블록이 있는 화살표 함수 선언은 암시적으로 블록 표현식의 결과를 반환하지 않습니다. 대신, 반환 값을 지정하려면 명시적인 return 문이 필요합니다. 따라서 화살표 함수는 다음과 같이 작성해야 합니다.

const f = arg => { return arg.toUpperCase(); }; // Explicit 'return' statement

또는 화살표 함수를 블록 중괄호 없이 간결하게 선언할 수도 있습니다. 이 경우 화살표 뒤의 표현식 결과가 암시적으로 반환됩니다.

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

예:

const f1 = arg => { return arg.toUpperCase(); }; // With explicit 'return'
console.log(f1("testing"));

const f2 = arg => arg.toUpperCase(); // Concise arrow function
console.log(f2("testing"));

f1과 f2 모두 대문자 문자열 "TESTING"을 반환합니다. 블록 선언이 있는 화살표 함수와 블록 선언이 없는 화살표 함수의 차이점을 이해하면 화살표 함수가 예상 값을 반환하는지 확인할 수 있습니다.

위 내용은 블록 선언을 사용할 때 화살표 함수에 명시적 반환이 필요한 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!