자바스크립트(JavaScript) 함수 뒤에는 반드시 세미콜론을 붙여야 할까?

자바스크립트에서 세미콜론은 선택 사항입니다. 원래 C, C++, Java처럼 자바스크립트의 단순 문장 끝에도 세미콜론을 붙이는 것이 일반적이지만, 각 문장이 서로 다른 줄에 작성되어 있다면 세미콜론을 생략해도 됩니다.

함수 선언문에는 세미콜론이 필요 없다

독립적인 함수 선언문(Function Declaration)으로 작성된 함수 뒤에는 세미콜론을 붙이지 않습니다.

function functionname(s) {
}

함수 표현식에는 세미콜론을 붙인다

반면, 함수가 변수에 할당되는 등 하나의 문(statement)으로 작성된 경우라면 자바스크립트의 다른 문장과 마찬가지로 세미콜론을 붙여야 합니다.

var a = function functionname(s) {
};

정리

• 함수 선언문: 세미콜론 불필요
• 함수 표현식(변수 할당 등): 세미콜론 필요

참고로 자바스크립트 엔진에는 ASI(Automatic Semicolon Insertion, 자동 세미콜론 삽입) 기능이 있어 줄바꿈 시 세미콜론을 자동으로 보완해 주지만, 코드의 가독성과 안정성을 위해 일관된 세미콜론 사용 규칙을 정해두고 지키는 것이 좋습니다.