수색…


통사론

  • // Single line comment (continues until line break)
  • /* Multi line comment */
  • <!-- Single line comment starting with the opening HTML comment segment "<!--" (continues until line break)
  • --> Single line comment starting with the closing HTML comment segment "-->" (continues until line break)

주석 사용

주석, 힌트를 추가하거나 일부 코드를 실행에서 제외 JavaScript는 코드 행을 주석 처리하는 두 가지 방법을 제공합니다

한 줄 주석 //

// 뒤에서 줄 끝까지의 모든 것은 실행에서 제외됩니다.

function elementAt( event ) {
  // Gets the element from Event coordinates
  return document.elementFromPoint(event.clientX, event.clientY);
}
// TODO: write more cool stuff!

여러 줄 주석 /**/

열기 /* 닫기와 닫기 */ 사이의 모든 항목은 열기와 닫기가 다른 줄에 있더라도 실행에서 제외됩니다.

/*
   Gets the element from Event coordinates.
   Use like: 
   var clickedEl = someEl.addEventListener("click", elementAt, false);
*/
function elementAt( event ) {
  return document.elementFromPoint(event.clientX, event.clientY);
}
/* TODO: write more useful comments! */

자바 스크립트에서 HTML 주석 사용하기 (나쁜 습관)

HTML 주석 (선택적으로 공백 문자가 앞에 표시됨)은 브라우저에서 무시할 수있는 코드 (동일한 행에 있음)를 발생 시키지만 이는 나쁜 습관 으로 간주됩니다.

HTML 주석 열기 시퀀스 ( <!-- )를 사용한 한 줄 주석 :

참고 : JavaScript 인터프리터는 여기에서 HTML 주석의 닫기 문자 ( --> )를 무시합니다.

<!-- A single-line comment.
<!-- --> Identical to using `//` since
<!-- --> the closing `-->` is ignored.

이 기술은 레거시 코드에서 지원되지 않는 브라우저에서 JavaScript를 숨길 수 있습니다.

<script type="text/javascript" language="JavaScript">
<!--
/* Arbitrary JavaScript code.
   Old browsers would treat
   it as HTML code. */
// -->
</script>

HTML 닫는 주석은 행 시작 부분 (여백 앞에 선택적으로)에서 JavaScript의 (시작 주석과 관계없이) 사용할 수도 있습니다.이 경우 HTML의 닫는 주석도 나머지 줄을 무시하게 만듭니다.

--> Unreachable JS code

이러한 사실은 또한 페이지가 HTML로 먼저 호출하고 두 번째로 JavaScript로 호출 할 수 있도록하기 위해 악용되었습니다. 예 :

<!--
self.postMessage('reached JS "file"');
/*
-->
<!DOCTYPE html>
<script>
var w1 = new Worker('#1');
w1.onmessage = function (e) {
    console.log(e.data); // 'reached JS "file"
};
</script>
<!--
*/
-->

HTML을 실행하면 <!----> 주석 사이의 모든 여러 줄 텍스트가 무시되므로 HTML로 실행하면 주석에 포함 된 JavaScript가 무시됩니다.

그러나 JavaScript는 <!----> 로 시작하는 줄은 무시되지만 그 효과는 여러 줄로 self.postMessage(... 않으므로 그 뒤에 오는 줄 (예 : self.postMessage(... )은 무시가로 표시 자바 스크립트 주석에 도달하기 전까지는 자바 스크립트로 실행할 때 /**/ 자바 스크립트의 의견은 나머지 HTML 텍스트 (때까지 무시하는 위의 예에서 사용된다. --> 또한 자바 스크립트로 무시된다 ).



Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow