JavaScript 함수 반환에서 중괄호 배치가 중요합니까?

중괄호 배치가 JavaScript 함수 결과에 미치는 영향

JavaScript에서 함수 내 중괄호 배치는 코드 동작에 큰 영향을 미칠 수 있습니다. 다음 두 가지 예를 고려하십시오.

<code class="javascript">function test()
{
  return
  {
    javascript: "fantastic"
  };
}

var r = test();
try {
  alert(r.javascript);
} catch (e) {
  alert('no - it broke: ' + typeof r);
}</code>

이 경우 test() 함수는 정의되지 않음을 반환하고 "no - it broken: unjust"라는 경고 메시지가 표시됩니다. 그러나 아래와 같이 중괄호가 return과 같은 줄에 배치되면

<code class="javascript">function test()
{
  return {
    javascript: "fantastic"
  };
}

var r = test();
try {
  alert(r.javascript);
} catch (e) {
  alert('no - it broke: ' + typeof r);
}</code>

test() 함수는 객체를 반환하고 경고 메시지에 "fantastic"이 표시됩니다.

이러한 불일치는 JavaScript의 자동 세미콜론 삽입으로 인해 발생합니다. 줄이 세미콜론으로 끝나지 않지만 잠재적으로 문의 끝을 표시할 수 있는 경우 JavaScript는 자동으로 세미콜론을 삽입합니다. 결과적으로 첫 번째 코드 조각은 다음과 같이 효과적으로 해석됩니다.

<code class="javascript">function test()
{
  return; // inserted semicolon
  {
    javascript: "fantastic"
  };
}</code>

반환 뒤의 세미콜론; return 문을 종료하여 중괄호 블록이 도달할 수 없는 코드가 됩니다. 따라서 test()는 정의되지 않은 값을 반환합니다.

반면, 두 번째 예에서는 자동 세미콜론 삽입을 트리거하지 않아 유효한 개체 반환 값이 생성됩니다. 이는 다음 코드와 동일합니다.

<code class="javascript">function test() {
    var myObject = new Object();
    myObject.javascript = "fantastic";
    return myObject;
}</code>

위 내용은 JavaScript 함수 반환에서 중괄호 배치가 중요합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!