سلام دوستان عزیز وب سایت آموزشی پی وی لرن و وقت بخیر به علاقمندان آموزش تکنولوژی های اینترنتی. JavaScript چیست؟ چه کاربردی دارد؟ در این جلسه با این موضوع در خدمتتون هستیم. مباحث مربوط به جاوا اسکریپت رو در سه جلسه دنبال خواهیم نمود. در این بخش انواع داده ها ، چگونگی قرار دادن کامنت ها و تعریف متغیر ها رو بیان خواهیم نمود. با ادامه ی جلسه با ما همراه باشید.
در ابتدا می خواهیم بدانیم که اصلا JavaScript چیست؟ چه کاربردی دارد؟
جاوا اسکریپت (JavaScript) یک زبان برنامه نویسی سبک و تفسیر شده با قابلیت های شی گرایی است که به شما امکان می دهد تعامل را در صفحات HTML ایستا ایجاد کنید.
کد JavaScript کامپایل نشده بلکه توسط مترجم ترجمه شده است. این مترجم در مرورگر تعبیه شده و مسئولیت ترجمه کد جاوا اسکریپت را بر عهده دارد.
عبارات یا دستورات در جاوا اسکریپت دستوراتی هستند که به مرورگر می گویند چه عملی را باید انجام دهد. دستورات به وسیله ی سیمیکالون (؛) از هم جدا می شوند.
دستورات JavaScript شامل کدهای JavaScript است که توسط بروزر به صورت خط به خط ترجمه شده است.
مثال از عبارت JavaScript:
1 | document.getElementById("demo").innerHTML = "Welcome"; |
جدول زیر عبارت های مختلف در جاوا اسکریپت را نشان می دهد.
ردیف | عبارات | توضیح |
---|---|---|
۱٫ | switch case | یک بلوک از اظهارات که در آن اجرای کد به موارد مختلف بستگی دارد. مفسر هر case را با مقدار عبارت دستور switch تا رسیدن به گزینه ی مورد نظر مقایسه می کند. اگر هیچ چیزی مطابقت نداشته باشد ، از شرط پیش فرض استفاده می شود. |
۲٫ | If else | جمله if عبارت اصلی کنترل است که به JavaScript اجازه می دهد تصمیم بگیرد و به طور مشروط بیانیه ها را اجرا کند. |
۳٫ | While | هدف از حلقه while اجرای بیانیه یا بلاک کد به طور مکرر است تا زمانی که بیانات صحیح باشد. هنگامی که جملات نادرست شود ، از حلقه خارج می شود. |
۴٫ | do while | بلوک جملاتی که حداقل یک بار اجرا می شوند و اجرا همچنان ادامه دارد در حالی که شرط صحیح است. |
۵٫ | for | همانند while اما مقدار دهی اولیه، شرط و افزایش / کاهش در همان خط انجام می شود. |
۶٫ | for in | در این حلقه در هر بار اجرا یک ویژگی از شی به متغیر داده می شود و حلقه تا زمانی که تمام ویژگی ها یا خواص تمام نشده اند اجرا می شود. |
۷٫ | continue | عبارت continue به مفسر می گوید بلافاصله تکرار بعدی حلقه را آغاز کرده و از بلوک کد باقی مانده عبور می کند. |
۸٫ | break | برای خروج کامل از ادامه اجرای دستورات يک حلقه استفاده می شود . |
۹٫ | function | function از کدهای قابل استفاده مجدد است که می تواند در هر نقطه از برنامه شما نامیده شود. از کلید واژه function برای اعلام یک تابع استفاده می شود. |
۱۰٫ | return | عبارت Return برای بازگشت یک مقدار از یک تابع استفاده می شود. |
۱۱٫ | var | برای اعلام متغیر استفاده می شود. |
۱۲٫ | try | قطعه کد را به منظور یافتن خطاهای احتمالی بررسی و تست کنید. |
۱۳٫ | catch | قطعه کدی که هنگام بروز خطا اجرا می شوند. |
۱۴٫ | throw | برای پرتاب خطا یا error استفاده می شود. |
جاوا اسکریپت از استایل کامنت های C و ++C پشتیبانی می کند ، بنابراین:
کامنت های یک خطی با استفاده از دو کاراکتر اسلش (//) شروع می شوند و باقیمانده خط به کامنت تبدیل می شود و توسط JavaScript نادیده گرفته می شود (اجرا نمی شود).
هر متنی بین کاراکترها / * و * / به عنوان یک کامنت با آن ها برخورد می شود که ممکن است چندین خط باشد.(کامنت های چند خطی)
جاوا اسکریپت همچنین توالی آغاز کامنت HTML را تشخیص می دهد <!–. جاوا اسکریپت با این کامنت به عنوان یک کامنت تک خطی رفتار می کند ، دقیقاً همان طور که در کامنت // انجام می داد. –>
توالی بستن کامنت HTML -> توسط جاوا اسکریپت به رسمیت شناخته نمی شود بنابراین باید به صورت // -> نوشته شود.
مثال
1 2 3 4 5 6 7 8 9 10 11 | <script language="javascript" type="text/javascript"> <!-- // this is a comment. It is similar to comments in C++ /* * This is a multiline comment in JavaScript * It is very similar to comments in C Programming */ //--> <script> |
متغیرها برای ذخیره اطلاعات به عنوان کانتینرها (ظروف) نامیده می شوند. ما می توانیم داده ها را در این کانتینرها قرار دهیم و سپس با نامگذاری کانتینر می توان به راحتی به داده ها مراجعه کنیم.
در این جا قوانین مهمی وجود دارد که باید هنگام اعلام متغیر در JavaScript رعایت شود.
قبل از استفاده از یک متغیر در یک برنامه JavaScript ، باید آن را اعلام کنید. متغیرها با کلمه کلیدی var به شرح زیر اعلام می شوند.
1 2 3 4 5 6 | <script type="text/javascript"> <!-- var money; var name, age; //--> </script> |
متغیرها می توانند در زمان اعلام یا پس از اعلام به صورت زیر تنظیم شوند.
1 2 3 4 5 6 7 | <script type="text/javascript"> <!-- var name = "Ali"; var money; money = 2000.50; //--> </script> |
دو نوع داده در جاوا اسکریپت وجود دارد که در زیر ذکر شده است.
جدول زیر انواع داده های Primitive موجود در javaScript را شرح می دهد. به آن ها دقت نمایید.
ردیف | توضیحات نوع داده ها |
---|---|
۱٫ | String می تواند شامل گروه هایی از کاراکترها به عنوان مقدار واحد باشد. این با علامت ” ” نمایش داده می شود. به عنوان مثال ”var x= “tutorial.
|
۲٫ | Numbers شامل اعداد با اعشار یا بدون اعشار است. به عنوان مثال ;var x=44, y=44.56
|
۳٫ | Booleans فقط دو مقدار وجود دارد که صحیح یا غلط هستند. به عنوان مثال var x=true, y= false.
|
۴٫ | Undefined متغیر بدون تعیین هیچ مقداری که Undefined نامیده می شود. به عنوان مثال ;var x
|
۵٫ | Null اگر null را به یک متغیر اختصاص دهیم ، آن خالی می شود. به عنوان مثال ;var x=null |
جدول زیر انواع داده های غیر Primitive را در جاوا اسکریپت شرح می دهد. به آن ها دقت نمایید.
ردیف | توضیحات نوع داده ها |
---|---|
۱٫ | Array می تواند شامل گروه هایی از مقادیر از همان نوع باشد. به عنوان مثال ;{var x={1,2,3,55 |
۲٫ | Objects آبجکت ها در property و مقادیر ذخیره می شوند. به عنوان مثال ;{var rectangle = { length: 5, breadth: 3 |
ادامه ی مبحث JavaScript چیست؟ چه کاربردی دارد؟ رو در جلسه ی آینده دنبال خواهیم کرد.
دوستان متشکریم از همراهیتون. با موضوع JavaScript چیست؟ چه کاربردی دارد؟ این جلسه از سری جلسات آموزش تکنولوژی اینترنت رو آغاز نمودیم و تعاریف مختلفی چون عبارات در جاوا اسکریپت ، کامنت و متغیر ها در JavaScript بیان نمودیم و در آخر نیز انواع داده در Javascript رو توضیح دادیم. ادامه ی مباحث مربوط به JavaScript چیست؟ چه کاربردی دارد؟ رو در جلسات آینده دنبال خواهیم نمود و توابع در جاوا اسکریپت رو خواهیم داشت.