JavaScript에서 세미콜론은 꼭 필요할까? 생략 규칙과 올바른 사용법

JavaScript에서 세미콜론은 선택 사항입니다

JavaScript에서 세미콜론(;)은 선택 사항(optional)입니다. 일반적으로 JavaScript의 단순 문장(statement)은 C, C++, Java와 마찬가지로 세미콜론으로 끝나는 것이 원칙이지만, JavaScript는 각 문장이 별도의 줄에 작성되어 있다면 세미콜론을 생략하는 것을 허용합니다.

다만, 코드의 가독성과 안정성을 위해 세미콜론을 사용하는 것이 좋은 프로그래밍 습관으로 권장됩니다.

세미콜론을 생략할 수 있는 경우

각 문장이 서로 다른 줄에 작성되어 있다면 아래와 같이 세미콜론 없이 코드를 작성해도 정상적으로 동작합니다.

<script>
   <!--
      a = 5
      b = 10
   //-->
</script>

세미콜론이 반드시 필요한 경우

하지만 여러 문장을 아래와 같이 한 줄에 이어서 작성할 경우에는 반드시 세미콜론으로 문장을 구분해야 합니다.

<script>
   <!--
      a = 5; b = 10;
   //-->
</script>

한 줄에 여러 문장을 나열하면서 세미콜론을 생략하면, JavaScript 엔진이 문장의 경계를 잘못 판단하여 예기치 않은 오류가 발생할 수 있습니다. 따라서 항상 세미콜론을 붙여주는 것이 가장 안전하고 일관된 코딩 방식입니다.