자바스크립트 주석



JavaScript 주석을 사용하면 코드의 가독성을 높일 수 있습니다.


JavaScript 주석

JavaScript는 주석을 실행하지 않습니다.

자바스크립트를 설명하거나 코드의 가독성을 높이기 위해 주석을 추가할 수 있습니다.

한 줄 주석은 //로 시작합니다.

이 예에서는 한 줄 주석을 사용하여 코드를 설명합니다.

Example

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
// 输出标题:
document.getElementById("myH1").innerHTML="Welcome to my Homepage";
// 输出段落:
document.getElementById("myP").innerHTML="This is my first paragraph.";
</script>
<p><b>注释:</b>注释不会被执行。</p>

</body>
</html>

예제 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.


JavaScript 여러 줄 주석

여러 줄 주석은 /*로 시작하고 *로 끝납니다. /.

다음 예에서는 여러 줄 주석을 사용하여 코드를 설명합니다.

<!DOCTYPE html>
<html>
<head>
<title>php中文网测试实例</title>
<meta charset="utf-8">
</head>
<body>

<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById("myH1").innerHTML="欢迎来到php中文网";
document.getElementById("myP").innerHTML="这是一个段落。";
</script>
<p><b>注释:</b>注释块不会被执行。</p>

</body>
</html>

예제 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.


댓글을 사용하여 실행을 차단합니다.

아래 예에서는 댓글을 사용하여 인스턴스를 차단합니다. 코드 줄 중 하나 실행(디버깅에 사용 가능):

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
//document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";
</script>
<p><strong>注意:</strong> 注释块不会被执行</p>

</body>
</html>

Run Instance»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

다음 예에서 주석은 코드 블록의 실행을 방지하는 데 사용됩니다(디버깅에 사용할 수 있음).

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
/*
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";
*/
</script>
<p><strong>注意:</strong>注释块不会被执行。</p>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요


줄 끝에 주석 사용

아래 예에서는 코드 줄 끝에 주석을 넣었습니다:

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p id="myP"></p>
<script>
var x=5;   // 声明 x 并把 5 赋值给它
var y=x+2;   // 声明 y 并把 x+2 赋值给它
document.getElementById("myP").innerHTML=y // 把 y 的值写到 myP
</script>
<p><b>注释:</b>注释不会被执行。</p>

</body>
</html>

인스턴스 실행»

온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요