자바스크립트 주석에 이상한 점이 있어서 문의드립니다.

// 에러 발생함 
<script>
(function() {
    // [[],[],[]]
    console.log(1);
})();
</script>
 
// 에러 발생 안 함.
<script>
(function() {
    // [[][][]]
    console.log(1);
})();
</script>




주석에 대괄호 안에 대괄호가 콤마로 구분되면 아래와 같은 에러가 발생합니다
This application has no explicit mapping for /error, so you are seeing this as a fallback.
Thu Sep 19 23:45:15 KST 2024
There was an unexpected error (type=Internal Server Error, status=500).
An error happened during template parsing (template: "class path resource [templates/grid.html]")
org.thymeleaf.exceptions.TemplateInputException: An error happened during template parsing (template: "class path resource [templates/grid.html]")

그런데 신기하게도 주석에 대괄호 안에 대괄호가 콤마로 구분되지 않으면
에러가 발생하지 않습니다. 
혹시 무슨 이유 때문인지 알 수 있을까요?