Tổng quan.
Trong JavaScript, comment được sử dụng để giải thích code JavaScript, comment cũng có thể được sử dụng để ngăn chặn việc thực thi code trong quá trình kiểm tra code tùy chọn.
Comment một dòng.
Comment một dòng bắt đầu bằng dấu //. Bất kỳ văn bản nào nằm giữa // và cuối dòng sẽ bị bỏ qua bởi JavaScript (không được thực thi).
Dưới đây là một ví dụ sử dụng comment một dòng trước mỗi dòng code.
// Change heading:
document.getElementById("myH").innerHTML = "My First Page";
// Change paragraph:
document.getElementById("myP").innerHTML = "My first paragraph.";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>Kết quả.
JavaScript Comments
My first paragraph.Ví dụ này sử dụng comment một dòng ở cuối mỗi dòng để giải thích code.
let x = 5; // Khai báo biến x, gán giá trị là 5
let y = x + 2; // Khai báo biến y, gán giá trị là x + 2Comment nhiều dòng.
Comment nhiều dòng bắt đầu bằng /* và kết thúc bằng */. Bất kỳ văn bản nào nằm giữa /* và */ sẽ bị bỏ qua bởi JavaScript.
Ví dụ sau đây sử dụng comment nhiều dòng (một khối comment) để giải thích đoạn code.
/*
Đoạn code dưới đây sẽ thay đổi
tiêu đề với id = "myH"
và đoạn văn với id = "myP"
trong trang web của tôi:
*/
document.getElementById("myH").innerHTML = "Trang Đầu Tiên";
document.getElementById("myP").innerHTML = "Đoạn văn đầu tiên của tôi.";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>Kết quả.
JavaScript Comments
My first paragraph.Sử dụng comment để ngăn thực thi code.
Sử dụng comment để ngăn thực thi code là phù hợp cho quá trình kiểm tra, tìm lỗi code. Thêm // trước một dòng code sẽ biến các dòng code đó thành comment và không thực thi chúng.
Ví dụ sau đây sử dụng // để ngăn thực thi một trong các dòng code:
//document.getElementById("myH").innerHTML = "Trang Đầu Tiên";
document.getElementById("myP").innerHTML = "Đoạn văn đầu tiên của tôi.";Ví dụ với HTML.
<html>
<body>
<h1 id="myH"></h1>
<p id="myP"></p>
<script>
//document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";
</script>
</body>
</html>Kết quả.
My first paragraph.Ví dụ này sử dụng một khối comment để ngăn thực thi nhiều dòng code:
/*
document.getElementById("myH").innerHTML = "Trang Đầu Tiên";
document.getElementById("myP").innerHTML = "Đoạn văn đầu tiên của tôi.";
*/HTML.
<html>
<body>
<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>Kết quả.
The comment-block is not executed.Comment được sử dụng một cách quan trọng để làm cho code JavaScript của bạn dễ đọc và dễ bảo trì, đồng thời cung cấp khả năng kiểm tra và thử nghiệm code của bạn một cách hiệu quả.
