مقایسه ی نود جی اس و جنگو
امروزه داشتن یک وب سایت و برنامه های کاربردی مربوط به آن به بخشی ضروری برای هر کسب و کاری تبدیل شده است. هر کس به...
در آموزش دستورات جاوا اسکریپت قصد داریم در مورد دستورات جاوا اسکریپت صحبت نماییم. کدها و دستورات جاوا اسکریپت قدم به قدم در این آموزش ها گنجانده شده است و اگر کمی حوصله به خرج بدهید تمامی کدها و دستورات جاوا اسکریپت را در آموزش زبان جاوا اسکریپت می آموزید.در جلسات نخسات نیز که با آموزش زبان جاوا اسکریپت در خدمت دوستان با دانش وب یار بودیم.
همان طور که در جلسات پیش نیز بیان شد، جاوا اسکریپت یک زبان سمت کلاینت بوده که در مرورگر کاربر اجرا می گردد. این دستورات جاوا اسکریپت به همان ترتیبی که نوشته شده اند فرمان هایی را به مرورگر ارسال می کنند که مرورگر موظف به اجرای آن ها می باشد. در این جلسه قصد داریم انواعی از این دستورات javaScript را نام ببریم.
پیش نیاز این جلسه ، محل قرارگیری کدهای جاوا اسکریپت در html است. پیشنهاد می کنیم حتما آن را نیز مطالعه فرمایید.
یک دستور جاوا اسکریپت شامل مقادیر، عملگرها،کلمات کلیدی و توضیحات است.
مقادیر می توانند عبارات ثابت یا متغیر باشند. مثلا X=5 یک مقدار ثابت است. عملگرها در جاوا اسکریپت عملیاتی مانند انتساب = یا محاسبات ریاضی + – * / را انجام می دهند و کلمات کلیدی برای تعریف عملی خاص در مرورگر به کار می روند. مثلا کلمه کلیدی var یک متغیر جدید تعریف می کند. توضیحات نیز تنها برای درج توضیح و خوانایی بهتر در کدنویسی استفاده می شوند که در مرورگر اجرا نمی گردند. این توضیحات بعد از نماد // یا بین /* */ برای توضیحات چند خطی قرار می گیرند.
دستورات جاوا اسکریپت زیر همان کلمات کلیدی رزرو شده ای هستند که نمی توانند به عنوان نام متغیر به کار روند. مهم ترین دستورات javaScript عبارت اند از:
این دستور برای ایجاد تابع در جاوا اسکریپت به کار می رود. مثلا:
1 2 3 4 5 |
function myFunction() { document.getElementById("demo").innerHTML = "Hello World!"; } myFunction(); // Call the function |
توضیحات با استفاده از // بیان شده اند.
نماد آکولاد {} باعث می شود که دستورات جاوا اسکریپت در یک بلوک مشخص قرار بگیرند.
این دستور جاوا اسکریپت باعث می شود که برنامه از تابع خارج شده و در صورت لزوم مقداری را بازگرداند مثلا:
1 2 3 |
function myFunction() { return 2+2; } |
درباره توابع جاوا اسکریپت را در جلسه ی مربوط به خود بیشتر صحبت می کنیم.
همان طور که قبلا هم گفته شد این عبارت برای تعریف یک متغیر در javaScript به کار می رود.
مثلا var X;
دستورات if و else از دستورات شرطی جاوا اسکریپت می باشند که در صورت برقرار بودن شرایط ، کد مربوط به آن ها اجرا می گردد.
1 2 3 4 5 6 7 |
if (test < 10) { result = "bad"; } else if (test > 15) { result = "Good "; } else { result = "normal"; } |
این دستور برای ایجاد حلقه های تکرار در جاوا اسکریپت به کار می رود.
1 2 3 4 5 |
var text = ""; var i; for (i = 0; i < 5; i++) { text += "shomareh " + i + "<br>"; } |
در کد بالا توسط عملگر + یک رشته را با عدد جمع نموده و سپس با تگ <br> به خط بعدی منتقل شده ایم. یعنی در خروجی داریم:
shomareh 0
shomareh 1
shomareh 2
shomareh 3
shomareh 4
این دستور جاوا اسکریپت نیز همانند دستور for شرطی بوده و بیشتر برای آرایه ها ، رشته ها و خصوصیات اشیاء به کار می رود.
1 2 3 4 |
var obj = {a: 1, b: 2, c: 3}; for (var i = 0 in obj) { console.log(obj[i]); } |
تابع console.log برای چاپ خروجی در کنسول جستجوگر به کار می رود. این کنسول را می توانید با فشردن دکمه F12 صفحه کلید فعال نمایید.
تابع while در جاوا اسکریپت تا هنگامی که شرایط بر قرار باشند، حلقه ی تکرار خود را ادامه می دهد.
1 2 3 4 5 6 |
var text = ""; var i = 0; while (i < 5) { text += "<br> shomareh " + i; i++; } |
این دستور نیز همانند دستور while به کار می رود اما با این تفاوت که ابتدا برای بار اول دستور حلقه را بدون بررسی شرط اجرا کرده و از مرحله ی دوم به بعد شرط حلقه برای ادامه ی کار بررسی می کند. به عنوان مثال:
1 2 3 4 5 6 7 |
var text = ""; var i = 0; do { text += " shomareh " + i; i++; } while (i < 5); |
این دستور جاوا اسکریپت برای خروج از حلقه و switch به کار می رود.
1 2 3 4 5 6 7 8 |
var text = "" var i; for (i = 0; i < 5; i++) { if (i == 2) { break; } text += " shomareh " + i + "<br>"; } |
در مثال بالا مشاهده می کنیم که هر وقت مقدار i برابر با 2 شود از حلقه ی for خارج می شویم. خروجی:
shomareh 0
shomareh 1
نکته: دستور break هیچ وقت به تنهایی برای دستور شرطی if به کار نمی رود. موقعی از دستور break در if استفاده می کنیم که دستور if درون یک حلقه ی for یا while قرار گرفته باشد.
این دستور در حلقه باعث می شود که یک شرط نادیده گرفته شده و مستقیما وارد گام بعدی حلقه گردد.
1 2 3 4 5 6 7 8 |
var text = "" var i; for (i = 0; i < 5; i++) { if (i == 2) { continue; } text += " shomareh " + i + "<br>"; } |
هنگامی که i برابر با 2 می شود، ادامه ی دستورات اجرا نشده و گام بعدی حلقه اجرا می شود. یعنی در خروجی داریم:
shomareh 0
shomareh 1
shomareh 3
shomareh 4
این دستور جاوا اسکریپت باعث توقف اجرا شده و تابع debugging را در صورت وجود فراخوانی می نماید. اگر این تابع موجود نبود ، دستور debugger در روند اجرای برنامه تاثیری نمی گذارد. به عنوان مثال:
1 2 3 |
var x = 2*2; debugger; document.getElementbyId("demo").innerHTML = x; |
دستور شرطی switch نیز همانند دستور if بوده و برای اجرای یک دستور در بین چندین دستور به کار می رود.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
var X; switch (X) { case 0: day = "zero"; break; case 1: day = "one"; break; case 2: day = "two"; break; case 3: day = "three"; break; } |
این دستور برای خطاهای استثنایی که در روند اجرای برنامه ممکن است رخ دهند استفاده می گردد.
1 2 3 4 5 6 |
try { adddlert("Welcome guest!"); } catch(err) { document.getElementById("demo").innerHTML = err.message; } |
تابع alert در جاوا اسکریپت برای نمایش پیغام به کار می رود. در دستور بالا سعی نمودیم که تابع alert را اجرا کنیم. اما چون این تابع به اشتباه adddlert نوشته شده است، پیغام Welcome guest! نمایش داده نشده و بلافاصله دستور catch خطا را در خروجی چاپ می کند.
throw
این دستور نیز برای مدیریت خطا و استثنا در جاوا اسکریپت به کار می رود که خطاها را به سمت catch پرتاپ می کند.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<html> <body> <script type="text/javascript"> var x=prompt("Enter a number between 0 and 10:","") try { if(x>10) throw "Err1" else if(x<0) throw "Err2" } catch(er) { if(er=="Err1") alert("Error! The value is too high") if(er == "Err2") alert("Error! The value is too low") } </script> </body> </html> |
در دستور بالا ابتدا توسط تایع prompt یک مقدار از کاربر دریافت نموده ایم و سپس کد مشکوک خود را درون تابع try قرار نهاده ایم. اینک شرط if مقدار دریافت شده را چک و با throw به سمت catch می فرستد، دستور catch نیز با توجه به اطلاعات دریافت شده هشدار مناسبی را در خروجی چاپ می کند.
خوب این بود از جلسه ی سوم آموزش جاوا اسکریپت. امیدوارم این بخش نیز برای شما مفید واقع شده باشد. پیشنهاد می کنیم به صفحه اینستاگرام وب یار هم سری بزنید!