بنر بالای مطالب

banner

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

ویژه قواعد دستوری (syntax) در جاوا اسکریپت

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

نحوه استفاده از دستورات در جاوا اسکریپت (syntax)
به مجموعه قوانینی که چگونگی ساخت برنامه در جاوا اسکریپت را مشخص می کندد  نحوه دستور نویسی (syntax) گفته می شود.
برنامه ها در جاوا اسکریپت
یک برنامه کامپیوتری لیستی از "دستورالعمل ها" می باشد که به وسیله کامپیوتر اجرا میشوند.
در زبان های برنامه نویسی به دستورالمل های برنامه اصطاحا statatements  (جملات،دستورات) گفته می شود.
جاوا اسکریپت هم یک زبان برنامه نویسی می باشد که در آن از این دستورات استفاده می شود.
در جاوا اسکریپت هر قطعه از دستورات توسط سمیکالن ها که به شکل " ; " از یکدیگر جدا میشوند.
به مثال زیر توجه کنید:

 

//ایجاد یک النت با آی دی دمو
<p id="demo"></p>
<script>
//ایجاد سه متغیر x y z که مقادیر 5 و 6 وحاصل جمع این دو عدد را نگهداری میکنند
var x = 5;
var y = 6;
var z = x + y;
//قرار دادن مقدار مجود در متغیر z در محتوای المنت demo
document.getElementById("demo").innerHTML = z;
<script/>

 

همانطور که مشاهده کردید در انتهای هر خط از دستورات از علامت " ; " برای پایان عبارت استفاده شده است.
نکته:در HTML ، برنامه های جاوا اسکریپت توسط مرورگر اجرا میشوند.

دستورات (statemens) در جاوا اسکریپت
دستورات جاوا اسکریپت از موارد زیر متشکل شده است:
1-Values (مقادیر)
2-Operators (عملگرها)
3-Expressions (اصطلاحات)
4-Keywords (کلمات کلیدی)
5-Comments (تفسیر نویسی)
در ادامه به بررسی مختصر هر یک موارد فوق می پردازیم و در دروس آتی بطور کامل آنها را آموزش خواهیم داد.

مقدار دهی (Values) در جاوا اسکریپت
در نحوه کد نویسی در جاوا اسکریپت دو نوع روش برای مقدار دهی معین شده است:
1-مقادیر ثابت (Fixed Values) که به آنها لیترال ها (Literals) یا مقادیر تحت اللفظی گفته می شود.
2-مقادیر متغیر (Variable Values)

لیترال ها (Literals) یا ثابت (Fixed):
قوانین مهم در استفاده از متغیر های ثابت به شکل زیر می باشد:
1- استفاده از اعداد (ساده یا اعشار).مانند 10.50 یا 1005
2-استفاده از رشته ها (متن) که بین سینگل کوتیشن یا دابل کوتیشن نوشته میشود.مانند "asarayan" و 'mahdi'
نکته:هر چیزی (حروف،اعداد،علامتها و..) که بین دابل یا سینگل کوتیشن نوشته شود تبدیل به رشته یا متن میگردد.مانند: "12354+35" کل این عبارت یک رشته می باشد و در خروجی عینا چاپ می شود و دو عدد با یکدیگر جمع نمی شوند.

متغیرها (Variables):
در تمامی زبان های برنامه نویسی از متغیر ها برای ذخیره موقت داده استفاده می گردد.
در جاوا اسکریپت برای تعریف یک متغیر از کلمه کلیدی var استفاده می شود.
از علامت "=" مساوی  برای معرفی مقداری که میخواهیم در متغیر ذخیره کنیم استفاده میکنیم.
در مثال زیر x یک متغیر می باشد که در خط بعدش مقدار 6 را در خود ذخیره میکند:

<script>
//ایجاد یک متغیر با نام x
var x;
//ذخیره عدد 6 در متغیر x
x = 6;
//چاپ مقدار موجود در متغیر x در المنت با آی دی demo
document.getElementById("demo").innerHTML = x;
</script>

 


عملگرها (Operators) در جاوا اسکریپت:
علامت مساوی "=" : برای مقدار دهی به متغیر ها استفاده می شود.مانند: var x = 5; یا var y = 6;
علامت های محاسباتی ( + - *  /):که برای محاسبه اعمال ریاضی استفاده می شوند.مانند: (5 + 6) * 10;

اصطلاحات (Expressions) در جاوا اسکریپت:
یک اصطلاح از ترکیب مقادیر (Values) ، متغیر ها (Variables) و عملگرها (Operators) که در یک مقدار (Value) محاسبه شده است گفته میشود.بطور مثال نتیجه محاسبه 5 * 10 می شود 50
در اصطلاحات می توان از متغیر ها نیز استفاده کرد:

 

<script>
//ریختن عدد5 در داخل متغیر x
var x = 5;
//نمایش نتیجه ضرب متغیر x با عدد 10
document.getElementById("demo").innerHTML = x * 10;
</script>

 مقادیر دارای انواع گوناگونی هستند مانند اعداد و رشته ها.

بطور مثال نتیجه اصطلاح   "mahdi" + " " + "bagheri" می شود mahdi bagheri
نحوه استفاده:

 

 

<script>
//خروجی خط زیر میشود mahdi bagheri
document.getElementById("demo").innerHTML = "mahdi" + " "  + "bagheri" ;
</script>

 

 

کلمات کلیدی (Keywords) در جاوا اسکریپت:
از کلمات کلیدی در جاوا اسکریپت برای شناختن عمل های از پیش تعریف شده استفاده می شود.
بطور مثال var یک کلمه کلیدی می باشد که برای ایجاد یک متغیر استفاده می شود.مانند var x = 5 + 6;

تفسیر نویسی (Comments) در جاوا اسکریپت:
برخی عبارات در جاوا اسکریپت اجرا نمی شوند.
عباراتی که بعد از علامت " // " یا بین دو علامت /*  و  */تفسیر نویسی یا کامنت گفته میشود و اجرا نمی شوند.
نوشتن کانت یا تفسیر نویسی اختیاری می باشدو فقط به خواناتر شدن کدها و کارایی آنها کمک میکند و تاثیری در روند اجرای برنامه ندارند.
مثال:

 

var x = 5;   // in matn ejra nemishavad
// var x = 6;   comment

 


شناسه ها (Identifiers) در جاوا اسکریپت:
شناسه ها همان نام ها هستند.
در جاوا اسکریپت از شناسه ها برای نام گذاری متغیرها ، کلمات کلیدی ، فانکشن ها و برچسب ها(labels) استفاده میشود.
قوانین نام گذاری در جاوا اسکریپت همانند دیگر زبان های برنامه نویسی می باشد:
اولین کارکتر در نام گذاری یا باید یکی از حروف لاتین یا آندرلاین "_" یا علامت دلار $ باشد.
کارکتر های بعدی میتوانند یکی یا ترکیبی از حروف لاتین یا علائم ریاضی یا آندرلاین یا علامت دلار باشد.
نکته:اعداد را نمیتوان به عنوان اولین کارکتر در نامگذاری شناسه ها استفاده کرد.این کار به جاوا اسکریپت کمک میکند تا اعداد و شناسه ها را از یکدیگر تمییز دهد.


جاوا اسکریپت ، حساس به حروف کوچک و بزرگ:
تمامی شناسه ها در جاوا اسکریپت حساس به کوچکی و بزرگی حروف هستند و براشون حرف  A و a متفاوته.
در مثال زیر متغیر lastName با متغیر lastname متفاوت می باشد.

 

<script>
var lastName = "Bagheri";
var lastname = "Mahmoodi" ;
document.getElementById("demo").innerHTML = lastName;
</script>

 

نکته:در مثال فوق اگر بجای کلمه کلیدی var از Var یا VAR استفاده کنیم قطعه کد ما اجرا نمیشود.


شیوه ای متداول نام گذاری متغیر ها در جاوا اسکریپت:
بطور معمول برنامه نویس ها سه روش را برای نام گذاری متغیر ها استفاده میکردند:
1-روش خط فاصله (Hyphens)که بین کلمات خط فاصله کذاشته میشه:مانند:mahdi-bagheri
2-روش آندر لاین (Underscore) که بین کلنات یک آندر لاین گذاشته میشه. مانند: mahdi_bagheri
3-روش شتری (Camel Case) که ابتدای هر کلمه با حرف بزرگ مشخص میشه. مانند: MahdiBagheri


نکته 1:در زبان برنامه نویسی جاوا اسکریپت متداول هست که در روش شتری اولین حرف اولین کله با کارکتر کوچک شروع شود. مانند: mahdiBagheri
نکته 2:استفاده از روش خط فاصله در جاوا اسکریپت ممنوع می باشد.چون علامت خط فاصله برای عمل تفریق رزرو شده است.


کارکتر ها در جاوا اسکریپت:
در جاوا اسکریپت کارکتر ها از نوع Unicode (utf-8) می باشند.
Unicode تمام زبان ها ، علائم نگارشی و نمادهای موجود در دنیا را پوشش می دهد.

این آموزش همچنان ادامه دارد...

آخرین بروز رسانیپنج شنبه, 21 آبان 1394 09:20

نوشتن دیدگاه

تصویر امنیتی
تصویر امنیتی جدید

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا