تک دیک

واژه نامه و مجله آموزشی کامپیوتر و فناوری

کامنت در جاوااسکریپت - کامنت تک خطی و چند خطی در JavaScript
جاوااسکریپت 

کامنت در جاوااسکریپت

به روز شده در امیرحسین شهسواری 0 دیدگاه ،،،،،،،،

در جاوااسکریپت (JavaScript) نیز مشابه با اغلب زبان های کامپیوتری، امکان درج کامنت (Comment) وجود دارد. طبیعتا کامنت ها در JavaScript اجرا نمی‌شوند اما امکان ارائه توضیحات برای بخش های مختلف کد و مستندسازی آن را فراهم می‌کنند.

اگر شما یا فرد دیگری در آینده بخواهد کد جاوااسکریپت را مطالعه کند یا تغییراتی روی آن اعمال کند توضیحات کد در قالب کامنت به درک بهتر آن کمک خواهد کرد. علاوه بر این از کامنت ها می‌توانید برای یادآوری تغییراتی که باید انجام دهید نیز استفاده کنید. همچنین می‌توانید برای حذف موقت، اشکال زدایی یا نادیده گرفتن بخشی از کد JavaScript، آن را به کامنت تبدیل کنید.

بیشتر بخوانید: کامنت یا Comment چیست؟

نحوه درج کامنت در جاوااسکریپت

در جاوااسکریپت می‌توانید از دو روش برای درج کامنت تک خطی و چند خطی استفاده کنید. در ادامه با این روش‌ها آشنا می‌شوید.

کامنت تک خطی

کامنت تک خطی (Single line Comment) در جاوااسکریپت با // شروع می‌شود. فراموش نکنید کامنت تک خطی می‌تواند تمام خط را دربربگیرد یا صرفا بخشی در پایان خط را شامل شود. در واقع متنی که پس از // قرار می‌گیرد تا پایان خط به عنوان کامنت در نظر گرفته می‌شود و درنتیجه هنگام اجرای کد نادیده گرفته می‌شود.

// This is a single line comment

کامنت چند خطی

کامنت چندخطی (Multi-line Comment) یا کامنت بلوکی (Block Comment) در جاوااسکریپت با /* شروع می‌شود و به */ ختم می‌شود. به عبارت بهتر هر متنی در JavaScript که بین /* و */ قرار می‌گیرد به عنوان کامنت محسوب می‌شود و هنگام اجرای کد نادیده گرفته می‌شود.

/* This is a 
multi-line comment */

چند مثال از درج کامنت در جاوااسکریپت

مثال زیر نمونه‌ای از یک کد JavaScript شامل سه کامنت را نمایش می‌دهد. کامنت اول در این مثال یک کامنت چند خطی است و دو کامنت پس از آن نیز تک خطی هستند.

function myFunction() {
  /* This function demonstrates Hello, World! program and
outputs Hello, World! message in two different ways */
  window.alert("Hello, World!"); // displays the message in alert box
  // The following line changes the content of an element with id="demo"
  document.getElementById("demo").innerHTML = "Hello, World!";
}

کامنت در JavaScript و HTML

در مثال زیر نمونه‌ای از کامنت ها در JavaScript و HTML را کنار یکدیگر داخل یک سند اچ‌تی‌ام‌ال مشاهده می‌کنید. به محل قرارگیری این کامنت ها دقت کنید. همانطور که می‌دانید کامنت های HTML مابین <!-- و --> قرار می‌گیرند.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS Tutorial</title>
    <script>
      // JavaScript Comment
      window.alert("Hello, World!");
    </script>
  </head>
  <body>
    <!-- HTML Comment -->
    <p>This is a paragraph.</p>
  </body>
</html>

بازگشت به فهرست مجموعه آموزشی JavaScript

امیرحسین شهسواری

عاشق دنیای رایانه و فناوری به خصوص برنامه نویسی هستم؛ یادگرفتن و البته یاد دادن چیزای جالبی که یاد گرفتم باعث خوشحالیم میشه و از اولویت‌های اصلی زندگیم به حساب میاد. از مدیریت و نوشتن در تک دیک هم واقعا لذت می‌برم :)

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *