>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 'return' 다음에 줄 바꿈을 하면 'undefine'이 반환되는 이유는 무엇입니까?

JavaScript에서 'return' 다음에 줄 바꿈을 하면 'undefine'이 반환되는 이유는 무엇입니까?

Patricia Arquette
Patricia Arquette원래의
2024-11-06 11:20:03903검색

Why Does a Newline After `return` in JavaScript Cause `undefined` to Be Returned?

Javascript: 새 줄의 Return 문이 작동하지 않는 이유는 무엇입니까?

JavaScript에서 return 문은 함수에서 값을 반환하는 데 사용됩니다. 그러나 반환 값이 새 줄에 배치되면 예기치 않은 동작이 발생할 수 있습니다. 왜 이런 일이 발생하는지 자세히 살펴보겠습니다.

문제를 설명하기 위해 다음 코드를 고려하세요.

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

function wrong() {
  return
        15;
}</code>

corright() 함수에서 return 15 문은 한 줄에 있습니다. 이 함수를 실행하면 예상 값인 15가 반환됩니다. 그러나잘못() 함수에는 return 문 뒤에 새 줄이 나옵니다. 이 함수를 실행하면 15 대신 정의되지 않은 값이 반환됩니다.

놀랍게도 다음잘못() 구현은 올바르게 작동합니다.

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

이는 구문이 올바르지 않다는 것을 의미하므로 첫 번째 잘못된 이유는 무엇입니까? () 구현이 실패하나요?

세미콜론의 역할 이해

JavaScript에서 세미콜론은 선택 사항입니다. 그러나 인터프리터는 필요하다고 판단되는 특정 개행 문자에 이를 자동으로 삽입합니다. 첫 번째 잘못된() 구현의 경우 return 뒤의 개행 문자는 세미콜론 삽입을 트리거합니다.

결과 코드는 다음과 같습니다.

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

이것은 잘못된 것입니다. 이제 return 문 뒤에는 허용되지 않는 표현식(15)이 옵니다.

구조에 대한 괄호

두 번째 잘못된() 구현에서 괄호( ) return 15 표현식을 묶으면 인터프리터가 세미콜론을 삽입하는 것을 방지할 수 있습니다. 대신 표현식이 그대로 유지되어 올바른 반환 값이 생성됩니다.

따라서 JavaScript에서 return 문을 사용할 때 후속 표현식 없이 한 줄에 있는지 확인하세요. 필요한 경우 괄호를 사용하여 세미콜론 삽입 동작을 제어하고 원하는 반환 값을 얻습니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.