شنبه ۲۹ دي ۱۴۰۳
Tut24 آموزش برنامه نویسی و مجله تخصصی فناوری ورود/عضویت

آموزش جاوا اسکریپت - نحو نگارش

جاوا اسکریپت را می توان با استفاده از عبارات جاوا اسکریپت که در تگ های <script>... </script> در یک صفحه وب قرار می گیرند، پیاده سازی کرد.

می‌توانید تگ‌های <script> را که حاوی جاوا اسکریپت شما هستند، در هر جایی از صفحه وب خود قرار دهید، اما معمولاً توصیه می‌شود که آن را در تگ‌های <head> نگه دارید.

تگ <script> به برنامه مرورگر هشدار می دهد تا تمام متن بین این تگ ها را به عنوان یک اسکریپت تفسیر کند. یک نحو ساده از جاوا اسکریپت شما به صورت زیر ظاهر می شود.

<script ...>
   JavaScript code
</script>

تگ اسکریپت دو ویژگی مهم را می گیرد -

  1. Language - این ویژگی مشخص می کند که از چه زبان برنامه نویسی استفاده می کنید. به طور معمول، مقدار آن جاوا اسکریپت خواهد بود. اگرچه نسخه های اخیر HTML (و XHTML، جانشین آن) استفاده از این ویژگی را به تدریج حذف کرده اند.
  2. نوع - این ویژگی همان چیزی است که اکنون برای نشان دادن زبان برنامه نویسی در حال استفاده توصیه می شود و مقدار آن باید روی "text/javascript" تنظیم شود.

بنابراین بخش جاوا اسکریپت شما شبیه این خواهد بود

<script language = "javascript" type = "text/javascript">
   JavaScript code
</script>

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

اجازه دهید نمونه ای را برای نمایش "Hello World" مثال بزنیم. ما یک کامنت HTML اختیاری اضافه کردیم که کد جاوا اسکریپت ما را احاطه کرده است. این برای ذخیره کد ما از مرورگری است که جاوا اسکریپت را پشتیبانی نمی کند. کامنت با "//-->" به پایان می رسد. در اینجا "//" به معنای یک کامنت در جاوا اسکریپت است، بنابراین برای جلوگیری از خواندن انتهای کامنت HTML توسط مرورگر به عنوان یک کد جاوا اسکریپت، آن را اضافه می کنیم. سپس یک تابع document.write را فراخوانی می کنیم که رشته ای را در سند HTML ما می نویسد.

از این تابع می توان برای نوشتن متن، HTML یا هر دو استفاده کرد. به کد زیر دقت کنید.

<html>
   <body>   
      <script language = "javascript" type = "text/javascript">
         <!--
            document.write("Hello World!")
         //-->
      </script>      
   </body>
</html>

این کد نتیجه زیر را ایجاد می کند -

Hello World!

فضای خالی و خطوط شکسته

جاوا اسکریپت فضاها، برگه ها و خطوط جدیدی را که در برنامه های جاوا اسکریپت ظاهر می شوند نادیده می گیرد. شما می‌توانید آزادانه از فضاها، تب‌ها و خطوط جدید در برنامه‌تان استفاده کنید و می‌توانید برنامه‌های خود را به شیوه‌ای منظم و منسجم قالب‌بندی و تورفتگی کنید که خواندن و درک کد را آسان می‌کند.

نقطه ویرگول اختیاری است

عبارات ساده در جاوا اسکریپت معمولاً با یک کاراکتر نقطه ویرگول دنبال می شوند، همانطور که در C، C++ و جاوا هستند. با این حال، جاوا اسکریپت به شما این امکان را می دهد که اگر هر یک از عبارات شما در یک خط جداگانه قرار می گیرند، این نقطه ویرگول را حذف کنید. به عنوان مثال، کد زیر را می توان بدون نقطه ویرگول نوشت.

<script language = "javascript" type = "text/javascript">
   <!--
      var1 = 10
      var2 = 20
   //-->
</script>

اما وقتی در یک خط به صورت زیر قالب بندی می شود، باید از نقطه ویرگول − استفاده کنید

<script language = "javascript" type = "text/javascript">
   <!--
      var1 = 10; var2 = 20;
   //-->
</script>

توجه - استفاده از نقطه ویرگول یک روش برنامه نویسی بهتری است.

حساسیت به حروف کوچک

جاوا اسکریپت یک زبان حساس به حروف کوچک و بزرگ است. این بدان معناست که کلمات کلیدی زبان، متغیرها، نام توابع و هر شناسه دیگر باید همیشه با حروف درست تایپ شوند.

بنابراین شناسه های Time و TIME معانی مختلفی را در جاوا اسکریپت منتقل می کنند.

نکته - هنگام نوشتن نام متغیرها و توابع در جاوا اسکریپت باید دقت بیشتری داشته باشید.

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

جاوا اسکریپت از کامنت ها به سبک C و C++ پشتیبانی می کند، بنابراین -

  • هر متنی بین // و انتهای یک خط به عنوان یک کامنت تلقی می شود و توسط جاوا اسکریپت نادیده گرفته می شود.
  • هر متنی بین کاراکترهای /* و */ به عنوان یک کامنت تلقی می شود. این ممکن است چندین خط را شامل شود.
  • جاوا اسکریپت همچنین دنباله باز کردن نظرات HTML <!-- را تشخیص می دهد. جاوا اسکریپت این را به عنوان یک کامنت تک خطی در نظر می گیرد، درست مانند کامنت //.
  • دنباله بسته شدن نظر HTML --> توسط جاوا اسکریپت شناسایی نمی شود بنابراین باید به صورت //--> نوشته شود.

مثال زیر نحوه استفاده از کامنت ها در جاوا اسکریپت را نشان می دهد

<script language = "javascript" type = "text/javascript">
   <!--
      // این یک نظر است. این شبیه به نظرات در ++C است
   
      /*
      * این یک کامنت چند خطی در جاوا اسکریپت است
      * این بسیار شبیه به کامنت ها در برنامه نویسی C است
      */
   //-->
</script>