Javascript HTML-like Comments

자바스크립트 html 형태의 주석

javascript comment 종류는

한줄 주석 // 
여러줄 주석 /* */

으로 알고 있다.

이번에 새로 알게 되었는데 html의 표준 주석 구문을 sciprt에서도 
es6 동작을 하도록 정의를 하였다.
https://www.ecma-international.org/ecma-262/6.0/#sec-html-like-comments

<!--
SingleLineHTMLOpenComment ::
<!-- SingleLineCommentCharsopt
-->
HTMLCloseComment ::
WhiteSpaceSequenceopt SingleLineDelimitedCommentSequenceopt--> SingleLineCommentCharsopt

이해는 예시를 보는게 더 좋으니..

1. <! --는 //와 동일하게 동작

console.log(1); <!-- 이게 됩니다.
console.log(2); // 물론 이것도 잘 됩니다.

<! -- 구문 뒤를 모두 주석으로 판단하여 적용

2. -->는 해당 라인을 전부 주석 처리

-->이게됩니다.
console.log(1);
-->이렇게도 됩니다.
console.log(2);
/*
*/ --> 이것마저 됩니다.
console.log(3);
console.log(4); --> 이건 안되요..

이런게 표준 스펙이었다는거 자체가 놀라움. 역시 js는 가깝고도 먼 친구다.

  • 위 내용은 Hika Maeng 님의 facebook을 보고 알게 되었으며, 나름 정리를 위해 남긴것이다.

[참고]