JavaScript에서 'return' 문 다음에 줄 바꿈이 발생하면 '정의되지 않음'이 발생하는 이유는 무엇입니까?

JavaScript의 Return 문 이해: 줄 바꿈이 까다로울 수 있는 이유

JavaScript에서 return 문은 실행을 종료하는 데 사용됩니다. 함수를 호출하고 호출 컨텍스트에 값을 반환합니다. 그러나 반환 값이 새 줄에 배치되면 특이한 동작이 발생합니다.

문제: 깨진 반환 문

다음 코드 조각을 고려하세요.

<code class="javascript">function correct() {
  return 15;
}

function wrong() {
  return
        15;
}

console.log("correct() called : " + correct());
console.log("wrong() called : " + wrong());</code>

이 예에서 올바른() 함수는 예상 값인 15를 반환하는 반면,wrong() 함수는 정의되지 않은 값을 반환합니다. 이는 대부분의 다른 언어에서 새 줄이 뒤따르는 return 문이 여전히 올바른 값을 반환하기 때문에 놀라운 일입니다.

이유: JavaScript의 자동 세미콜론 삽입

이 동작을 이해하는 열쇠는 JavaScript의 자동 세미콜론 삽입(ASI) 기능에 있습니다. ASI는 유효한 코드 실행을 보장하기 위해 JavaScript가 특정 개행 문자에 세미콜론을 자동으로 삽입할 수 있도록 하는 메커니즘입니다.

wrong()의 return 문 뒤에 새 줄이 오면 ASI는 이를 별도의 문으로 처리합니다. 결과적으로 코드는 다음과 같이 해석됩니다.

<code class="javascript">function wrong() {
  return;
        15;
}</code>

첫 번째 문(return;)이 값을 반환하지 않기 때문에 잘못된() 함수는 정의되지 않은 값을 반환합니다.

해결 방법: 반환 값을 괄호로 묶기

새 줄에 있을 때에도 반환 값이 올바르게 반환되도록 하려면 반환 값을 괄호로 묶어야 합니다. 이렇게 하면 ASI가 세미콜론을 삽입하는 것을 방지하고 return 문이 유효한 상태로 유지됩니다.

<code class="javascript">function wrong() {
  return(
        15);
}</code>

이 경우 괄호는 반환 값이 return 문의 일부임을 나타냅니다. ASI는 세미콜론을 삽입하지 않으며 이제잘못() 함수는 의도한 대로 15를 반환합니다.

위 내용은 JavaScript에서 'return' 문 다음에 줄 바꿈이 발생하면 '정의되지 않음'이 발생하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!