آموزش نحو در جاوا اسکریپت
آموزش نحو در جاوا اسکریپت
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش نحو در جاوا اسکریپت خواهیم پرداخت.
جاوا اسکریپت را می توان با استفاده از دستور JavaScript که در تگ های <script> … </script> HTML در یک صفحه وب قرار داده شده است، پیاده سازی کرد.
شما می توانیدتگ های <script> حاوی JavaScript خود را در هر کجای صفحه وب خود قرار دهید، اما به طور معمول توصیه می شود که آن را در تگ <head> نگه دارید.
تگ <script> به برنامه مرورگر هشدار می دهد تا شروع به تفسیر تمام متن بین این تگ ها به عنوان یک اسکریپت کند. یک نحو ساده از JavaScript شما به صورت زیر ظاهر می شود.
1 2 3 |
<script ...> JavaScript code </script> |
تگ اسکریپت دو ویژگی مهم دارد –
- Language – این ویژگی مشخص می کند که از چه زبان اسکریپتی استفاده می کنید. به طور معمول، مقدار آن javascript خواهد بود. اگرچه نسخه های اخیر HTML (و XHTML ، جانشین آن) استفاده از این ویژگی را به تدریج حذف کرده اند.
- Type – این ویژگی همان چیزی است که اکنون برای نشان دادن زبان اسکریپت نویسی استفاده شده توصیه می شود و مقدار آن باید روی “text / javascript” تنظیم شود.
بنابراین بخش JavaScript شما به نظر می رسد –
1 2 3 |
<script language = "javascript" type = "text/javascript"> JavaScript code </script> |
اولین کد جاوا اسکریپت
بیایید برای چاپ “Hello World” یک نمونه مثال بزنیم. ما یک نظر HTML اختیاری اضافه کردیم که کد جاوا اسکریپت ما را احاطه کرده است. این برای ذخیره کد ما از مرورگری است که از جاوا اسکریپت پشتیبانی نمی کند. کامنت با “// ->” به پایان می رسد. در اینجا “//” به معنای یک کامنت در جاوا اسکریپت است، بنابراین ما این را اضافه می کنیم تا از جلوگیری از خواندن انتهای کامنت HTML به عنوان قطعه ای از کد جاوا اسکریپت توسط یک مرورگر جلوگیری شود. بعد، ما یک تابع document.write را می نامیم که رشته ای را در سند HTML ما می نویسد.
از این تابع می توان برای نوشتن متن، HTML یا هر دو استفاده کرد. نگاهی به کد زیر بیندازید.
1 2 3 4 5 6 7 8 9 |
<html> <body> <script language = "javascript" type = "text/javascript"> <!-- document.write("Hello World!") //--> </script> </body> </html> |
این کد نتیجه زیر را ایجاد می کند –
1 |
Hello World! |
فضای سفید و بریک لاین ها
جاوا اسکریپت از فضاها، برگه ها و خطوط جدیدی که در برنامه های جاوا اسکریپت ظاهر می شوند چشم پوشی می کند. شما می توانید از فضاها، برگه ها و خطوط جدید بصورت آزادانه در برنامه خود استفاده کنید و آزاد هستید که برنامه های خود را به روشی منظم و منسجم قالب بندی و تورفتگی کنید که خواندن و فهم کد را آسان می کند.
نقطه ویرگول اختیاری است
عبارات ساده در جاوا اسکریپت به طور کلی با یک نویسه ویرگول دنبال می شوند ، همانطور که در C ،C ++ و جاوا وجود دارد. جاوا اسکریپت اما به شما اجازه می دهد اگر هر یک از عبارات خود را در یک خط جداگانه قرار دهید این نقطه ویرگول را حذف کنید. به عنوان مثال، کد زیر را می توان بدون نقطه ویرگول نوشت.
1 2 3 4 5 6 |
<script language = "javascript" type = "text/javascript"> <!-- var1 = 10 var2 = 20 //--> </script> |
اما وقتی به صورت زیر در یک خط واحد قالب بندی می شوید، باید از نقطه ویرگول استفاده کنید –
1 2 3 4 5 |
<script language = "javascript" type = "text/javascript"> <!-- var1 = 10; var2 = 20; //--> </script> |
توجه – این یک روش برنامه نویسی خوب است که از نقطه ویرگول استفاده کنید.
حساس به حروف کوچک
جاوا اسکریپت یک زبان حساس به حروف کوچک است. این بدان معنی است که کلمات کلیدی زبان، متغیرها، نام تابع ها و سایر شناسه ها باید همیشه با حروف بزرگ و بزرگ تایپ شوند.
بنابراین شناسه های Time و TIME معنی های مختلفی را در جاوا اسکریپت منتقل می کنند.
توجه – هنگام نوشتن نام متغیرها و توابع در JavaScript باید دقت شود.
نظرات در جاوا اسکریپت
جاوا اسکریپت از نظرات در C و C ++ پشتیبانی می کند، بنابراین –
- هر متنی بین // و انتهای یک خط به عنوان یک نظر در نظر گرفته می شود و توسط جاوا اسکریپت نادیده گرفته می شود.
- هر متنی بین کارکتر ها / * و * / به عنوان نظر در نظر گرفته می شود. این ممکن است چندین خط را دربر بگیرد.
- جاوا اسکریپت توالی افتتاحیه نظر HTML را نیز تشخیص می دهد <! -. جاوا اسکریپت این را مانند یک کامنت یک خطی تلقی می کند، درست مانند کامنت //.
- دنباله بسته شدن نظر HTML -> توسط جاوا اسکریپت شناخته نشده است، بنابراین باید به صورت // -> نوشته شود.
مثال
مثال زیر نحوه استفاده از نظرات در جاوا اسکریپت را نشان می دهد.
1 2 3 4 5 6 7 8 9 10 |
<script language = "javascript" type = "text/javascript"> <!-- // This is a comment. It is similar to comments in C++ /* * This is a multi-line comment in JavaScript * It is very similar to comments in C Programming */ //--> </script> |
دیدگاه شما