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

آخرین بروز رسانی: شهریور ۱۷, ۱۳۹۶
آموزش زبان جاوا اسکریپت

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

در آموزش زبان جاوااسکریپت JaveScript جلسه سوم قصد داریم در مورد دستورات جاوا اسکریپت صحبت نماییم. کدها و دستورات جاوا اسکریپت قدم به قدم در این آموزش ها گنجانده شده است و اگر کمی حوصله به خرج بدهید تمامی کدها و دستورات جاوا اسکریپت را در آموزش زبان جاوا اسکریپت می آموزید.در جلسات نخسات نیز که با آموزش زبان جاوا اسکریپت در خدمت دوستان بادانش وب یار بودیم .

همان طور که در جلسات پیش نیز بیان شد، جاوا اسکریپت یک زبان سمت کلاینت بوده که در مرورگر کاربر اجرا می گردد. این دستورات جاوا اسکریپت به همان ترتیبی که نوشته شده اند فرمان هایی را به مرورگر ارسال می کنند که مرورگر موظف به اجرای آن ها می باشد. در این جلسه قصد داریم انواعی از این دستورات javaScript را نام ببریم.  

پیش نیاز این جلسه ، محل قرارگیری کدهای جاوا اسکریپت در html است. پیشنهاد می کنیم حتما آن را نیز مطالعه فرمایید.

دستورات جاوا اسکریپت:

یک دستور جاوا اسکریپت شامل مقادیر، عملگرها،کلمات کلیدی و توضیحات است.

مقادیر می توانند عبارات ثابت یا متغیر باشند. مثلا X=5 یک مقدار ثابت است. عملگرها در جاوا اسکریپت عملیاتی مانند انتساب = یا محاسبات ریاضی + – * /  را انجام می دهند و کلمات کلیدی برای تعریف عملی خاص در مرورگر به کار می روند. مثلا کلمه کلیدی var یک متغیر جدید تعریف می کند.  توضیحات نیز تنها برای درج توضیح و خوانایی بهتر در کدنویسی استفاده می شوند که در مرورگر اجرا نمی گردند. این توضیحات بعد از نماد // یا بین /*   */ برای توضیحات چند خطی قرار می گیرند.

آموزش زبان جاوا اسکریپت

لیست دستورات javaScript

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

function

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

 

function myFunction() { document.getElementById("demo").innerHTML = "Hello World!"; }  myFunction(); // Call the function

 

توضیحات با استفاده از // بیان شده اند.

نماد آکولاد {} باعث می شود که دستورات جاوا اسکریپت در یک بلوک مشخص قرار بگیرند.

return

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

function myFunction() { return 2+2; }

 

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

var

همان طور که قبلا هم گفته شد این عبارت برای تعریف یک متغیر در javaScript به کار می رود.

مثلا  var X;

if … else … else if

دستورات if و else از دستورات شرطی جاوا اسکریپت می باشند که در صورت برقرار بودن شرایط ، کد مربوط به آن ها اجرا می گردد.

if (test < 10) { result = "bad"; } else if (test > 15) { result = "Good "; } else { result = "normal"; }

 

for

این دستور برای ایجاد حلقه های تکرار در جاوا اسکریپت به کار می رود.

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

این دستور جاوا اسکریپت نیز همانند دستور for شرطی بوده و بیشتر برای آرایه ها ، رشته ها و خصوصیات اشیاء به کار می رود.

var obj = {a: 1, b: 2, c: 3}; for (var i = 0 in obj) {   console.log(obj[i]); }

 

تابع console.log برای چاپ خروجی در کنسول جستجوگر به کار می رود. این کنسول را می توانید با فشردن دکمه F12 صفحه کلید فعال نمایید.

while

تابع while در جاوا اسکریپت تا هنگامی که شرایط بر قرار باشند، حلقه ی تکرار خود را ادامه می دهد.

var text = ""; var i = 0; while (i < 5) { text += "<br> shomareh " + i; i++; }

 

do … while

این دستور نیز همانند دستور while به کار می رود اما با این تفاوت که ابتدا برای بار اول دستور حلقه را بدون بررسی شرط اجرا کرده و از مرحله ی دوم به بعد شرط حلقه برای ادامه ی کار بررسی می کند. به عنوان مثال:

var text = ""; var i = 0; do { text += " shomareh " + i; i++; } while (i < 5);

 

آموزش زبان جاوا اسکریپت

break

این دستور جاوا اسکریپت برای خروج از حلقه و switch به کار می رود.

var text = "" var i; for (i = 0; i < 5; i++) { if (i == 2) { break; } text += " shomareh " + i + "<br>"; }

 

در مثال بالا مشاهده می کنیم که هر وقت مقدار i برابر با ۲ شود از حلقه ی for خارج می شویم. خروجی:

shomareh 0
shomareh 1

نکته: دستور break هیچ وقت به تنهایی برای دستور شرطی if به کار نمی رود. موقعی از دستور break در if استفاده می کنیم که دستور if درون یک حلقه ی for یا while قرار گرفته باشد.

continue

این دستور در حلقه باعث می شود که یک شرط نادیده گرفته شده و مستقیما وارد گام بعدی حلقه گردد.

var text = "" var i; for (i = 0; i < 5; i++) { if (i == 2) { continue; } text += " shomareh " + i + "<br>"; }

 

هنگامی که i برابر با ۲ می شود، ادامه ی دستورات اجرا نشده و گام بعدی حلقه اجرا می شود. یعنی در خروجی داریم:

shomareh 0
shomareh 1
shomareh 3
shomareh 4

 

debugger

این دستور جاوا اسکریپت باعث توقف اجرا شده و تابع debugging را در صورت وجود فراخوانی می نماید. اگر این تابع موجود نبود ، دستور debugger در روند اجرای برنامه تاثیری نمی گذارد. به عنوان مثال:

var x = 2*2; debugger; document.getElementbyId("demo").innerHTML = x;

switch

دستور شرطی switch نیز همانند دستور if بوده و برای اجرای یک دستور در بین چندین دستور به کار می رود.

var X; switch (X) { case 0: day = "zero"; break; case 1: day = "one"; break; case 2: day = "two"; break; case 3: day = "three"; break; }

 

try … catch … finally

این دستور برای خطاهای استثنایی که در روند اجرای برنامه ممکن است رخ دهند استفاده می گردد.

try { adddlert("Welcome guest!"); } catch(err) { document.getElementById("demo").innerHTML = err.message; }

 

تابع alert در جاوا اسکریپت برای نمایش پیغام به کار می رود. در دستور بالا سعی نمودیم که تابع alert را اجرا کنیم. اما چون این تابع به اشتباه adddlert نوشته شده است، پیغام Welcome guest! نمایش داده نشده و بلافاصله دستور catch خطا را در خروجی چاپ می کند.

throw

این دستور نیز برای مدیریت خطا و استثنا در جاوا اسکریپت به کار می رود که خطاها را به سمت catch پرتاپ می کند.

<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 نیز با توجه به اطلاعات دریافت شده هشدار مناسبی را در خروجی چاپ می کند.

خوب این بود از جلسه ی سوم آموزش جاوا اسکریپت. امیدوارم این بخش نیز برای شما مفید واقع شده باشد. با عضویت در کانال تلگرام وب یار @webyar_net می توانید از آخرین آموزش های ما با خبر شوید.

نوشته آموزش زبان جاوا اسکریپت JavaScript جلسه سوم اولین بار در طراحی سایت اصفهان | سئو سایت در اصفهان پدیدار شد.

طراحی سایت اصفهان | سئو سایت در اصفهان

پربازدیدترین اخبار

در مرورگرهای مدرن هرگاه تب جدیدی باز کنید با مجموعه ای از وبسایت هایی که بیشترین بازدید را از آن ها داشته اید مواجه خواهید شد. حقیقت آن است که با استفاده از ابزار سفارشی و افزونه های مختلف و کمی تغییر در این بخش، می توانید کاربرد تب های جدید را بهبود بخشید. به […]

طراحی سایت

طراحی سایت در اصفهان   طراحی سایت و سئو سایت در اصفهان   تیم طراحی سایت و سئو سایت وب یار به آدرس ، بامجوز رسمی از نظام کامپیوتر کشور و دارای نماد اعتماد و نماد ساماندهی و با ۱۶ سال دانش تخصصی در زمینه طراحی وب سایت , سئو سایت در گوگل ، ارسال […]

بازاریابی محتوا و سئو   بازاریابی محتوا و سئو چه ارتباطی با یکدیگر دارند ؟   اگر شما یک کسب و کار اینترنتی یا آنلاین دارید برای ارتقای آن و توسعه تجارت خود باید بازدید و رتبه بندی مناسب در گوگل به دست بیاورید که این کار آسانی است اگر مقاله با ما تا انتهای […]

صفحه فرود یا Landing Page  در آموزش های مباحث تبلیغات سایت ها امروز قصد داریم آموزش Landing Page  یا صفحه ی فرود که یکی از موارد مهم در بازاریابی اینترنتی و تجارت آنلاین می باشد را برای شما عزیزان مطرح کنیم  و به اهمیت و دلایل طراحی Landing Page بپردازیم. در ابتدا به توضیحی مختصر […]

برای یک خانم تنها سفر کردن ممکن است مقداری سخت به نظر برسد اما نکته اصلی همین سختی است که البته با مقداری آگاهی میتوانید تمام سختی را به تجربه های لذت بخش تبدیل کرد. به گزارش آلامتو و به نقل از الی گشت؛ سفر کردن یکی از بهترین راه های بدست آوردن تجربه در […]