قواعد جاوا اسکریپت - آموزش جاوا اسکریپت

در این شرایط در کنارتون هستیم 💚 آواسام

لیست محتوای این بخش

قواعد جاوا اسکریپت

قواعد دستوری زبان جاوا اسکریپت

کدهای زبان برنامه نویسی جاوا اسکریپت میتواند داخل تگ <script>... </script> درون یک سند html قرار بگیرد .

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

تگ <script> به مرورگر اعلام میکند هر چیزی که درون این تگ است کدهای جاوااسکریپتی است و باید انها را تفسیر کند .

یک مثال بسیار ساده از تگ <script> در زیر آمده است :

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

تگ <script> دو ویژگی مهم میپذیرد که در زیر آمده است :

Language : این ویژگی زبان اسکریپت نوشته شده را مشخص میکند که بصورت پیشفرض و معمولا javascript میباشد
Type : برای زبان جاوا اسکریپت باید مقدار آن text/javascript باشد

اگر ویژگی های تگ <script> را تنظیم کرده باشید باید شکل زیر باشد :

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

اولین کدنویسی شما به زبان جاوا اسکریپت :

برای شروع یک مثال میزنیم که در آن عبارت ساده ی hello world را نمایش دهیم . در این مثال ما از کامنت گذاری html استفاده کردیم تا کدهای جاوا اسکریپت مشخص باشد و این مورد اختیاری است همچنین این کار باعث میشود اگر مرورگر جاوا اسکریپت را پشتیبانی نکند کدهای شما اجرا نشود.

کامنت با //--> تمام شده است . در جاوا اسکریپت نیز از // برای کامنت گذاری میتوان استفاده کرد .

سپس ما تابع document.write را صدا زدیم که یک رشته را درون فایل html مینویسد .

این تابع برای نوشتن اطلاعات روی فایل متنی یا html استفاده میشود .

کدهای مثال :

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

نتیجه ای که مشاهده خواهید کرد :

Hello World!

فضاهای خالی و خط جدید در جاوا اسکریپت :

زبان جاوا اسکریپت فضاهای خالی ( space ) تَب ها ( tabs ) و خطوط جدید ( new line ) را در نظر نمیگیرد و از آنها صرف نظر میکند .

شما میتوانید بصورت اختیاری از موارد بالا برای کدنویسی تمیز خود استفاده کنید .

سِمی کالن در جاوا اسکریپت اختیاری است :

یکی از ویژگی های زبان جاوا اسکریپت این است که شما میتوانید از سمی کالن استفاده کنید مثل زبان های سی ، سی پلاس پلاس و جاوا !

همچنین جاوا اسکریپت اجازه میدهد عملیات مختلف خود را در یک خط بنویسید ولی آنها را با ; از هم جدا کنید

یا اینکه کلا از سمی کالن استفاده نکیند

مثال های زیر را مشاهده کنید :

بدون سمی کالن

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

با سمی کالن و دو عملیات در یک خط

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

نکته : بهتر است از سمی کالن استفاده شود چون اکثر زبان های برنامه نویسی از آن استفاده میکنند و کدنویسی شما را تمیزتر و قابل درک تر میکند .

حساسیت به حروف ( Case Sensitivity ) در جاوا اسکریپت :

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

توضیحات یا کامنت گذاری در زبان جاوا اسکریپت :

در زبان جاوا اسکریپت هم به شیوه ی زبان سی و هم به شیوه ی زبان سی پلاس پلاس میتوانید کامنت گذاری کنید .

هر چیزی که بعد از // قرار بگیرد کامنت است و توسط جاوا اسکریپت نادیده گرفته میشود
هر چیزی که بین /* و */ قرار بگیرد کامنت است و نادیده گرفته میشود
همچنین کامنت گذاری html که بصورت <!-- می باشد در جاوا اسکریپت کامنت تک خطی حساب میشود و مانند // در نظر گرفته میشود
همچنین جاوا اسکریپت از کامنت گذاری html به شیوه ی <!-- نیز پشتیبانی میکند البته آنرا بعنوان یک کامنت تک خطی در نظر میگیرد مثل //

در مثال زیر انواع کامنت ها به زبان جاوا اسکریپت را میتوانید مشاهده کنید :

<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>

اتمام

محصولات برگزیده مناسب شما

دوره ی آموزش ویوجی اس ( Vuejs 3) پروژه محور به همراه Nuxt js دوره ی آموزش جاوااسکریپت-صفرتاصد کارگاه آموزشی کار با Grunt js

آواسام ، با کیفیت ترین پلتفرم آموزشی برنامه نویسی

هزاران نفر با استفاده از دوره های آموزشی آواسام در طول سالهای گذشته توانسته اند وارد دنیای برنامه نویسی و کسب و کار آنلاین و اینترنتی شوند ، هدف آواسام تولید دوره های آموزشی منحصر به فرد با تمرکز روی پروژه های واقعی هست تا شما بتوانید یادگیری مباحث تخصصی را درون پروژه های واقعی یاد بگیرید

آواسام دارای نماد اعتماد الکترونیکی و مجوزهای لازم می باشد برای ارتباط با آواسام میتوانید از طریق لینک ارتباط با ما در فوتر سایت با ما ارتباط برقرار کنید

ثبت نام دوره های آواسام

پرمخاطب ترین و باکیفیت ترین پلتفرم آموزش برنامه نویسی

دوره های آموزشی

ساخته شده با عشق در آواسام

تمام حقوق محفوظ است