0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

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

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 655
تاریخ بروزرسانی 28 جولای 2019

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

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

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

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

 

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

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

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

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

 

زبان جاوا اسکریپت – لیست دستورات

دستورات جاوا اسکریپت زیر همان کلمات کلیدی رزرو شده ای هستند که نمی توانند به عنوان نام متغیر به کار روند. مهم ترین دستورات 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 برابر با 2 شود از حلقه ی 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 برابر با 2 می شود، ادامه ی دستورات اجرا نشده و گام بعدی حلقه اجرا می شود. یعنی در خروجی داریم:

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@ می توانید از آخرین آموزش های ما با خبر شوید. همچنین پیشنهاد می کنیم به صفحه اینستاگرام وب یار هم سری بزنید!

 

مطالب مرتبط
HTML YouTube Video
مطالعه :

در این مقاله قصد داریم به آموزش HTML YouTube Video  بپردازیم. پس با ما همراه باشید. شاید شما نیز هنگام آپلود کردن ویدیو در سایت‌ تان به مشکلاتی از قبیل افت سرعت سایت، نخواندن فرمت و…برخورده اید. از عمده دلایلی که افراد به سراغ آپلود فیلم در سایت خود نمی روند، می توان به درگیری با فرمت ویدئو اشاره کرد، چرا که ممکن است همه مرورگرها فرمت فیلم‌تان را نتوانند باز کنند و شما مجبور به تغییر فرمت متناسب با مرورگرتان شوید، که این خود شاید کاری سخت و یا وقت‌گیر باشد. در این بخش راهی ساده با استفاده از سوشیال مدیای یوتیوب در اختیار شما قرار می دهیم. آپلود ویدئو به کمک YouTube یوتیوب سال هاست که با خدمات ارزشمند خود به یاری کاربران و انواع نیازهای آنان پرداخته است. شما برای استفاده از امکانات پخش فیلم یوتیوب در سایت خود کافیست در آن عضو شده و ویدئوی خود را آپلود کنید. شناسه و یا IDیی رایگان (به طور مثال : tgbNymZ7vqY) یوتیوب به شما می دهد. نحوه استفاده از این شناسه را در بخش بعد به شما آموزش می دهیم. پخش ویدئوی YouTube در HTML با استفاده از تگ <iframe>  و تعیین src attribute می توان به راحتی فیلم یوتیوب را در کد HTML خود اجرا کنید. iframe width=”420″  height=”315> src=”https://www.youtube.com/embed/tgbNymZ7vqY”> </iframe>   توجه شود که درون تگ […]

9 ویژگی مهم CSS در طراحی وب
مطالعه :

در این مقاله قصد داریم  تا با 9 ویژگی مهم CSS در طراحی وب آشنا شویم. 9 ویژگی مهم CSS در طراحی وب در طی یادگیری css به طور کامل با تمامی ویژگی های Css آشنا شدیم و یادگرفتیم که هر کدام از این ویژگی ها چه کاربردی دارند و چگونه باید از انها استفاده کنیم،در این مقاله نیز میخواهیم به صورت کاملا خلاصه با 9 ویژگی کاربردی css آشنا شویم .     1) font-face     یکی از ویژگی های  CSS3 که درسال های اخیر باعث تحولاتی در بخش طراحی وب شده  font-faceاست. این ویژگی به ما  این امکان را میدهد  که هر فونتی که می خواهیم ، به راحتی با فرمت های مختلف و تنظیمات دلخواه در هر بخش از کدCSS  استفاده کنیم. از این ویژگی برای انتخاب ازبین چندین هزار فونت رایگان ، برای صفحه وب خود استفاده کنید. @font-face { font-family: Blackout; src: url(“assests/blackout.ttf”) format(“truetype”); } 2)  media از کوئری های media برای ساخت صفحات واکنش گرا یا طراحی وبسایت بر اساس شرایط دستگاه مورد استفاده قرار میگیرند. با استفاده از کوئری media  و ویژگی min-width  ما می توانیم عناصر صفحه ی وب را به شکل بهتری و با توجه به شرایط موجود به نمایش کاربر در بیاورید. @media screen and (max-width: 960px) { } 3)   clearfix استفاده از clearfix   برای مواقعی که overflow: hidden کار نمیکند, جایگزین […]

Google analytics
مطالعه :

Google analytics در این مطلب میخواهیم در مورد google analytics با شما صحبت کنیم. ابتدا تاریخچه google analytics سپس در مورد چگونگی ثبت نام در آن و مکانیزم کارکرد آن را بررسی می کنیم.     تاریخچه: در  مارس 2005 گوگل شرکت urchin را تحت مالکیت خود در آورد. کاربران اینترنت برای اولین بار در 11 نوامبر 2005  این سرویس گوگل را شناختند،سرویسی که تا قبل از آن که توسط گوگل خریداری شود به نام urchin  و با قیمت 500 دلار در بازار عرضه می شد. اما گوگل هنگام رو نمایی از این سرویس اعلام کرد که این سرویس به صورت رایگان عرضه خواهد شد که این گفته باعث ایجاد مشکلات بسیاری در سرور های گوگل شد چرا که ارائه ی رایگان این سرویس خدمت بزرگی برای صاحبان وبسایت و کسب و کار ها بود . استقبال از این سرویس گوگل تا حدی زیاد بود که گوگل مجبور شد به مدت 10 ماه ثبت نام های این سرویس را ببندد. در زمان بسته شدن ثبت نام گوگل ماشین جدیدی به این سرویس اضافه کرد تا عملکرد google analytics  بهبود پیدا کند.همان ط.ر که پیشبینی می شد باز شدن این سرویس پس از 10 ماه باعث حجوم کاربران بسیاری شد و این سرویس در عرض چند ماه همه گیر و محبوب شد. ثبت نام در google analytics : عکس زیر تمامی […]

3 لیست مهم در HTML5
مطالعه :

در این مقاله میخواهیم 3 لیست مهم در HTML5 را به شما بگوییم. 3 لیست مهم در HTML5 لیست ها کاربردهای فراوانی در متون مختلف داشته و حتما تا به حال نمونه هایی از آن ها را در کتاب ها ، مجلات ، روزنامه ها و.. دیده اید. اما کاربرد لیست ها محدود به مطالب چاپی نمی شود و امروزه در انواع صفحات وب ، شبکه های اجتماعی و یا پیام رسان ها نیز دیده می شوند. با کمک لیست ها می توانید موضوعات مرتبط به هم را در یک دسته قرار داده و آن ها را گروه بندی کنید. HTML نیز به منظور ایجاد انواع لیست ها در صفحات وب تگ هایی مشخص کرده است. در HTML5  سه نوع لیست با کاربردهای متفاوت وجود دارد که شامل موارد زیر است : Unordered Lists Ordered Lists Description Lists در ادامه به کاربرد و نحوه ی نوشتن هر لیست می پردازیم :     Unordered Lists در این لیست ها ترتیب آیتم ها اهمیت نداشته و تنها عناصر مرتبط به هم در یک لیست قرار می گیرند. به عنوان مثال به لیست زیر توجه کنید : انواع نوشیدنی های گرم قهوه چای نسکافه همان طور که مشاهده می کنید در این لیست ترتیب اهمیت نداشته و فرقی نمی کند چه آیتمی اول و یا اخر باشد. برای نوشتن چنین لیست هایی […]

فروشگاه اینترنتی حرفه ای
مطالعه :

طراحی سایت فروشگاهی اینترنتی امروزه در دنیای تجارت همه ی افراد برای گسترش کسب و کار خود در فکر طراحی سایت فروشگاهی هستند. افراد با استفاده از یک سایت فروشگاهی بازدیدکنندگان را قادر می­ سازند تا در تمام ساعات شبانه روز محصولات و خدمات مورد نیاز خود را سفارش دهند. در یک فروشگاه اینترنتی علاوه بر فروش کالاهای فیزیکی، خدمات و کالاهای غیر فیزیکی نیز به فروش می­ رود و خریداران تنها با یک کلیک می­ توانند محصولات و خدمات مورد نیازشان را بررسی کنند و سپس اقدام به خرید نمایند. در ادامه همراه طراحی سایت وب یار باشید تا با مزایا، امکانات و  مراحل طراحی سایت فروشگاهی و طراحی فروشگاه اینترنتی آشنا شوید.   مزایای طراحی سایت فروشگاهی عدم نیاز به حضور در فروشگاه: فروشگاه­ هایی که به­ صورت آنلاین فعالیت می­ کنند محدودیت زمان فعالیت ندارند. در واقع مزیت فروشگاه­ اینترنتی در این است که این فروشگاه­ ها به­ صورت شبانه ­روزی فعالیت می­ کنند و افراد در هر ساعت از شبانه­ روز که بخواهند می­ توانند از این فروشگاه ها محصول مورد نظر خود را خریداری نمایند. کاهش هزینه­ ها: به­ طور کلی راه ­اندازی فروشگاه اینترنتی ارزان­ تر از راه ­اندازی یک فروشگاه فیزیکی می­ باشد. اگرچه طراحی سایت فروشگاهی مستلزم دانش، تخصص فنی و سرمایه­ گذاری مستمر است. افزایش فروش: شما ممکن است برخی از […]

پشتیبانی سایت و بروزرسانی سایت
مطالعه :

پس چنانچه وقت کافی‌ برای بروز رسانی سایت خود را ندارید. یا اطلاعاتتان‌ در مورد سئو و ترفند‌های بروز رسانی سایت کافی نیست. می توانید بروز رسانی مطلب و پشتیبانی سایت خود را به تیم طراحی سایت و سئو سایت وب یار بسپارید .
تیم طراحی سایت وب یار با نیروهای آموزش دیده و حرفه ای در زمینه ی سئو و ترفند‌های بروز رسانی سایت، با صبر و حوصله ی فراوان پاسخگوی مشکلات شما خواهند بود و خدمات پشتیبانی سایت و بروزرسانی سایت را با بالاترین کیفیت ارائه می نماید.

دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *