ความคิดเห็นจาวาสคริปต์

สารบัญ

แสดงสารบัญ

ความคิดเห็น JavaScript สามารถใช้เพื่ออธิบายโค้ด JavaScript และ เพื่อให้อ่านง่ายขึ้น

ความคิดเห็นของ JavaScript ยังสามารถใช้เพื่อป้องกันการดำเนินการเมื่อใด ทดสอบโค้ดทางเลือก

ความคิดเห็นบรรทัดเดียว

ความคิดเห็นบรรทัดเดียวเริ่มต้นด้วย //

ข้อความใดๆ ระหว่าง // และจุดสิ้นสุดของบรรทัดจะถูกละเว้นโดย JavaScript (จะไม่ถูกดำเนินการ)

ตัวอย่างนี้ใช้ความคิดเห็นบรรทัดเดียวก่อนแต่ละบรรทัดโค้ด:

ตัวอย่าง

// Change heading:
document.getElementById("myH").innerHTML = "My First Page";

// Change paragraph:
document.getElementById("myP").innerHTML = "My first paragraph.";

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h1 id="myH"></h1>
<p id="myP"></p>

<script>
// Change heading:
document.getElementById("myH").innerHTML = "JavaScript Comments";
// Change paragraph:
document.getElementById("myP").innerHTML = "My first paragraph.";
</script>

</body>
</html>

ตัวอย่างนี้ใช้ความคิดเห็นบรรทัดเดียวที่ส่วนท้ายของแต่ละบรรทัด เพื่ออธิบายรหัส:

ตัวอย่าง

let x = 5;      // Declare x, give it the value of 5
let y = x + 2;  // Declare y, give it the value of x + 2

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Comments</h2>

<p id="demo"></p>

<script>
let x = 5;      // Declare x, give it the value of 5
let y = x + 2;  // Declare y, give it the value of x + 2 

// Write y to demo:
document.getElementById("demo").innerHTML = y;
</script>


</body>
</html>

ความคิดเห็นหลายบรรทัด

ความคิดเห็นหลายบรรทัดเริ่มต้นด้วย /* และลงท้ายด้วย */

ข้อความใดๆ ระหว่าง /* และ */ จะถูกละเว้นโดย JavaScript

ตัวอย่างนี้ใช้ความคิดเห็นหลายบรรทัด (บล็อกความคิดเห็น) เพื่ออธิบายรหัส:

ตัวอย่าง

/*
The code below will change
the heading with id = "myH"
and the paragraph with id = "myP"
in my web page:
*/
document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h1 id="myH"></h1>
<p id="myP"></p>

<script>
/*
The code below will change
the heading with id = "myH"
and the paragraph with id = "myP"
*/
document.getElementById("myH").innerHTML = "JavaScript Comments";
document.getElementById("myP").innerHTML = "My first paragraph.";
</script>

</body>
</html>

เป็นเรื่องปกติมากที่สุดที่จะใช้ความคิดเห็นบรรทัดเดียว
มักจะบล็อกความคิดเห็น ใช้สำหรับเอกสารที่เป็นทางการ

การใช้ความคิดเห็นเพื่อป้องกันการดำเนินการ

การใช้ความคิดเห็นเพื่อป้องกันการรันโค้ดจึงเหมาะสม การทดสอบรหัส

การเพิ่ม // ด้านหน้าบรรทัดโค้ดจะเปลี่ยนบรรทัดโค้ดจากบรรทัดที่ปฏิบัติการได้เป็น ความคิดเห็น.

ตัวอย่างนี้ใช้/เพื่อป้องกันการดำเนินการของหนึ่งในบรรทัดโค้ด:

ตัวอย่าง

//document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Comments</h2>

<h1 id="myH"></h1>

<p id="myP"></p>

<script>
//document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";
</script>

<p>The line starting with // is not executed.</p>

</body>
</html>

ตัวอย่างนี้ใช้บล็อกความคิดเห็นเพื่อป้องกันการดำเนินการของ หลายบรรทัด:

ตัวอย่าง

/*
document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";
*/

ลองด้วยตัวคุณเอง →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Comments</h2>

<h1 id="myH"></h1>

<p id="myP"></p>

<script>
/*
document.getElementById("myH").innerHTML = "Welcome to my Homepage";
document.getElementById("myP").innerHTML = "This is my first paragraph.";
*/
document.getElementById("myP").innerHTML = "The comment-block is not executed.";
</script>


</body>
</html>