گرامر (Syntax) زبان جاوا اسکریپت

نوشته‌شده در در دوره مقدماتی جاوا اسکریپت
Loading Likes...

قبل از اینکه در مورد گرامر یا Syntax زبان جاوا اسکریپت صحبت کنیم بیاین ابتدا ببینیم Syntax به چی میگن.

Syntax:  قوانینی که باید رعایت بشه تا کد ما ساختار درستی داشته باشه و بدرستی اجرا بشه.

همونطور که در مقدمه گفتم ما بیشتر در مورد جاوا اسکریپت سمت کاربر صحبت میکنیم پس کدهایی که قرار میدیم در این خصوص هست.

 خوب اولین چیزی که باید بدونیم اینه که اصلا چطور کد جاوا اسکریپت رو میشه اجرا کرد؟

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

برای اجرا کردن اسکریپت های جاوا اسکریپت ما باید از تگ <script> استفاده کنید. ما بصورت کلی به دو شکل میتونیم جاوا اسکریپت رو در HTML قرار داره و اجرا کنیم.

Internal: در این روش  اسکریپت  در بین المنت <script> قرار میگیره

مثال:

<script>
 alert('Hello World!');
</script>

External: در این روش اسکریپ تدر یک فایل مجزا مثل irDevs.js قرار گرفته و با استفاده از ویژگی src  (مخفف source) تگ <script> به صفحه اضافه میشه.

مثال:

<script src="path/to/helloworld.js"></script>

اینجا نیازی به تعریف ویژگی type و language نیست. تو HTML4 ما باید نوع اسکریپت رو هم تعریف میکردیم اما در HTML5 بصورت پیشرض روی جاوا اسکریپت هست.

وقتی از روش External دارید استفاده میکنید (وقتی ویژگی src تعریف شده) دیگه نمیتونید مثل روش Internal محتوایی داخل المنت <script> بذارید و کد شما اجرا نمیشه.
لطفا به این نکته هم توجه داشته باشید که برای اجرای کدهای جاوا اسکریپت، باید جاوا اسکریپت مرورگر فعال باشه که البته تو همه‌ی مرورگرها بصورت پیشفرض فعال هست. همچنین زمانی که جاوا اسکریپت غیر فعال باشه محتوای داخل المنت <noscript> میتونه برای انجام کارهای خاصی مثل نمایش پیام غیر فعال بودن جاوا اسکریپت به کاربر استفاده بشه.

کدوم قسمت صفحه؟

از نظر فنی شما میتونید کدهای جاوا اسکریپت رو صرفنظر از Internal یا External بودن، میتونید در هر جای صفحه قرار بدید. اما من توصیه میکنم برای بالا بردن سرعت بارگذاری صفحه، در صورت امکان تمامی اسکریپت ها (خصوصا External ها) رو در انتهای المنت <body> یعنی قبل از تگ <body/> قرار بدید. همچنین در صورتی که اسکریپت ها به هم وابستگی ندارن از ویژگی async استفاده کنید تا روند بارگذاری صفحه برای دانلود و اجرای اسکریپت متوقف نشه و در نهایت سرعت لود صفحه بالا بره.

مثال:

<body>
  ...
  ...
  ...

  <script async src="script1.js"></script>
  <script async src="script2.js"></script>
  <script async src="script3.js"></script>
</body>

 

مثال یک برنامه کوچیک

جاوا اسکریپت هم مثل همه ی زبان های برنامه نویسی متغیر، اپراتور، دستورات شرطی و … داره. با این مثال یکم بیشتر در مورد گرامر جاوا اسکریپت آشنا میشید:

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

 

سمی کالن ( ; Semicolon)

“ای وای بازم این سمی کالن لعنتی! تو جاوا اسکریپت هم هستی تو؟”

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

 

کامنت گذاری (Comments)

یکی از مهمترین وظایف برنامه نویس کامنت گذاری و توضیح کدهای یکه نوشته هست. کامنت کردن چند هدف داره که بصورت موردی اینا میشن:

  • بالا بردن سطح خوانایی برنامه و همچنین درک سریعتر کد
  • برای type hinting و راهنمای کد در IDE ها
  • برای غیر فعال کردن موقت تکه کد به منظور دیباگ کردن برنامه

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



سوالی دارید؟

بدون گرفتن نتیجه اینجا رو ترک نکنید! هر سوالی دارید میتونید در عرض ۱۵ ثانیه ثبت نام و خیلی زود جواب بگیرید.

پاسخی بگذارید

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

37 − = 36