JavaScript에서 세미콜론(;)이 필요한 이유
JavaScript에서 새로운 줄의 시작 부분에 세미콜론(;)을 붙이는 것은 코드의 혼란을 방지하기 위한 중요한 습관입니다. 특히 이전 줄과 새 줄이 하나의 문(statement)으로 잘못 연결되어 해석되는 오류를 예방할 수 있습니다.
JavaScript에는 자동 세미콜론 삽입(Automatic Semicolon Insertion, ASI) 기능이 내장되어 있지만, 이 기능이 항상 개발자의 의도대로 작동하지는 않습니다. 예를 들어, 괄호 (나 대괄호 [로 시작하는 줄은 이전 줄의 표현식과 이어져 하나의 식으로 해석될 수 있으며, 이로 인해 예기치 않은 동작이나 에러가 발생할 수 있습니다.
예제
다음과 같이 세미콜론을 활용하면 코드에서 발생할 수 있는 혼란을 피할 수 있습니다.
return {
'var': myVal
};
// 세미콜론 사용;
(function($) {
//
})(jQuery);위 예제에서 return 문 뒤에 세미콜론을 생략하면, 바로 아래에 위치한 즉시 실행 함수(IIFE)가 return된 객체를 호출하는 표현식으로 잘못 해석될 수 있습니다. 이처럼 줄 시작 부분에 세미콜론을 명시적으로 추가하면 이전 코드와의 충돌을 확실하게 방지하고, 코드의 안정성과 가독성을 높일 수 있습니다.