세미콜론 " ; " - 자바스크립트

자동 세미콜론 삽입(Automatic Semicolon Insertion)

자바스크립트는 코드의 끝에 세미콜론을 자동으로 삽입합니다. 그러나 이 기능은 항상 완벽하게 동작하지 않으며, 특정 상황에서는 개발자의 의도와 다르게 작동할 수 있습니다. 예를 들어, 두 스크립트 파일이나 스크립트 블록이 연결될 때, 첫 번째 스크립트의 끝에 세미콜론이 누락되어 있다면, 두 번째 스크립트의 시작 부분 코드와 결합될 때 예기치 않은 문제가 발생할 수 있습니다.

 

예를 들면

// 첫 번째 스크립트 파일 또는 블록
var a = 3
// 두 번째 스크립트 파일 또는 블록
(function() {
    var b = 5;
})();

위 예시에서 첫 번째 스크립트의 var a = 3 뒤에 세미콜론이 없다면, 자바스크립트 엔진은 이 두 코드 라인을 연결해 하나의 문장으로 해석할 수 있습니다. 즉, var a = 3(function() {...})();와 같이 해석되어 3을 함수로 호출하려고 시도하면서 오류가 발생합니다.

 

따라서 ; 을 사용하는 습관이 아직 필요 합니다. 큰 프로젝트에서는 함수로 시작하는 아래 같은 모듈은 시작 전에 " ; " 을 붙여 만약을 대비 합니다. 물론 여러개 겹쳐도 에러는 아닙니다.

; (function() {
    var b = 5;
})();