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

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

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

• 블록이 현재: 중괄호(블록)가 있는 화살표 함수는 암시적 반환 동작을 잃습니다. 함수의 반환 값을 지정하려면 명시적인 return 문을 사용해야 합니다. 예:

() => { console.log('Hello'); } // Implicit return, logs 'Hello'
() => { return 'Hello'; } // Explicit return, returns 'Hello'

• 모호한 구문: 명시적 반환 없이 중괄호를 사용하면 구문이 모호해질 수 있습니다. 예를 들어 다음 화살표 함수는 다음과 같습니다.

(name) => {id: name}

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

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

예

암시적 반환:

(name) => name   '!'; // Implicit return, returns 'Jess!'

명시적 반환:

(name) => { return name   '!'; } // Explicit return, returns 'Jess!'

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