중괄호 배치 및 JavaScript 실행

JavaScript에서 중괄호 배치는 코드의 동작과 출력을 크게 변경할 수 있습니다. 제공된 코드 조각에서 볼 수 있듯이 중괄호 배치를 한 번만 변경해도 결과가 크게 달라질 수 있습니다.

자동 세미콜론 삽입 및 정의되지 않은 반환

여는 중괄호가 첫 번째 코드 조각에서와 같이 새 줄에 배치되면 자동 세미콜론 삽입이 시작됩니다. 이는 줄 끝에 세미콜론을 자동으로 추가하는 JavaScript의 동작입니다. 명시적으로 작성되지 않은 경우에도 마찬가지입니다. 결과적으로 코드는 다음과 같습니다.

function test() {
  return; // 
세미콜론이 삽입되면 return 문이 종료되고 후속 중괄호는 반환 값의 일부가 되지 않습니다. 대신 정의되지 않은 값이 반환되어 "정의되지 않은" 경고가 발생합니다.
같은 줄의 중괄호 및 개체 반환
두 번째 코드 조각에서 중괄호는 return 문과 같은 줄에 배치됩니다. 자동 세미콜론 삽입이 없으면 코드는 javascript 속성이 "fantastic"으로 설정된 개체를 올바르게 반환합니다. 이는 다음과 같습니다:
function test() {
  return {
    javascript: "fantastic"
  };
}
여기서 중괄호는 객체 구조를 생성하고 return 문은 즉시 해당 객체를 반환하여 예상되는 "환상적인" 경고를 발생시킵니다.
결론
올바르고 일관된 JavaScript 코드를 작성하려면 중괄호 배치와 자동 세미콜론 삽입 간의 상호 작용을 이해하는 것이 중요합니다. 코드가 원하는 출력을 생성하도록 하려면 이러한 요소의 배치를 고려해야 합니다.