0

هیچ محصولی در سبد خرید نیست.

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

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

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 982
تاریخ بروزرسانی ۶ مرداد ۱۳۹۸

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

 

0/5 (0 Reviews)
مطالب مرتبط
تفاوت توسعه دهنده وب و طراح وب چیست ؟
مطالعه :

در این مقاله از تیم وب یار قصد داریم به بررسی تفاوت طراح وب و توسعه دهنده وب بپردازیم. پس در ادامه با ما همراه باشید. طراح وب کیست ؟ طراح وب (Web Designer ) کسی است که چشم انداز کلی سایت را طراحی کرده و برای یک وب سایت برنامه ریزی می کند. طراحی وب کمتر به استفاده از کد برای جان بخشیدن به وب سایت مربوط می شود و بیشتر به تعیین چیدمان سایت ، پالت رنگ ، انتخاب قلم و مضامین بصری می پردازد که می تواند با کدنویسی توسط یک توسعه دهنده وب زنده شود. طراحان وب در درجه اول مسئولیت آگاهی از نحوه کار کد را ندارند . اما اطمینان حاصل می کنند که برای بازدید کنندگان ، وب سایت زیبا و کاربر پسند است. آنها از نرم افزارهای طراحی گرافیک از جمله محصولاتی مانند Adobe Photoshop ، Illustrator ، Inkscape  و … استفاده خواهند کرد. یک طراح وب معمولا باید مسلط به مباحث UX ( تجربه کاربری ) و UI (رابط کاربری ) باشد. در واقع یک طراح وب باعث می شود وب سایت شما خوب به نظر برسد. آنها همچنین از کدهایی مانند HTML و CSS برای ایجاد طرح های خود استفاده می کنند.   توسعه دهنده وب کیست ؟ توسعه دهندگان وب (Web Developer ) برنامه نویسانی هستند که طرح های ارائه […]

Ajax
مطالعه :

تا قبل از تکنولوژی ایجکس برای تغییر بخشی از صفحه نیاز به بارگذاری کل صفحه وب بود. اما بعد از ایجکس (Ajax) تبادل اطلاعات با سرور به حدی پیشرفت کرد که برای تغییر  قسمتهایی از صفحه وب دیگر نیازی به بارگذاری مجدد کل صفحه نبود. همراه ما باشید تا ساز و کار این تکنولوژی محبوب و کارآمد را با شما در میان بگذاریم.   ایجکس چیست؟ Ajax مخفف Asynchronous Javascript And Xml روشی است که با ترکیب جاوااسکریپت و Xml به سرور درخواستی برای بارگذاری بخشی از صفحه را می دهد. Google suggestion یکی از بهترین مثال ها برای تفهیم Ajax  است. هنگامی که شما درگوگل  عبارتی را تایپ می کنید گوگل در عرض چند میلی ثانیه به شما ادامه عبارت را پیشنهاد می‌کند. این سیستم از ajax پیشتیبانی می‌کند. در صورت عدم وجود ایجکس گوگل برای هر پیشنهاد مجبور به بارگذاری کل صفحه می شد!   سازوکار Ajax چگونه است؟ نحوه کارajax به این صورت است که با ارسال داده ها به سرور و به کمک جاوااسکریپت شی xmlHttpRequest را می سازد. ویژگی این شی این است که به صورت مستقیم می‌تواند صفحات و یا وب سرویس ها را از سمت کاربر دریافت و به سمت سرور ارسال کند. به این صورت که درخواست‌ها از مرورگر می گیرد و در سمت سرور پردازش و دوباره به مرورگر باز می‌گرداند. […]

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

با آموزش کسب درآمد رایگان از بیت کوین و دیگر ارز های دیجیتال در خدمت شما مخاطب خوب سایت وب یار هستیم. ارز دیجیتال: از آن جا که سال 2021 را بسیاری از اقتصاد دان ها سال ارز دیجیتال نامیدند،تصمیم بر آن داریم تا شما را با این نوع از ارز ها آشنا کنیم. هدف از این مقاله افزایش سواد جامعه و جلوگیری از فریب مردم می باشد.     تاریخچه: شاید شما بر این باور باشید که اولین ارز دیجیتال بیت کوین می باشد. ولی سخت در اشتباهید. اولین ارز دیجیتال یک ارز به نام E-gold می باشد. معنای این اسم طلای دیجیتالی می باشد.این ارز اولین بار در سال 1996 توسط شخصی به نام داگلاس جکسون ساخته و ارائه شد.اما به یک سری دلایل که در چارچوب این مقاله نمی گنجد در سال 2006 به کار خود پایان داد. بیت کوین: درست 2 سال پس از پایان فعالیت E-gold شخصی با نام مستعار ساتوشی ناکاموتو یک ارز غیر متمرکز را با نام بیت کوین معرفی کرد. اما این ارز هیچ شباهتی به E-gold نداشت. چون تحت یک تکنولوژی غیر متمرکز به نام بلاک چین ساخته شده بود. در سال 2009 اولین بیتکوین ها با قیمت 0.03$ استخراج و خریداری شدند.     افزایش قیمت بیت کوین: در سال 2010 اولین مبادلات با بیتکوین انجام شد. پس از آن […]

سئو محلی چیست ؟
مطالعه :

سئو محلی چیست ؟     سئو محلی (local SEO) یک استراتژی بهینه سازی موتور جستجو (SEO) است که به دیده شدن تجارت شما در نتایج جستجوی محلی در گوگل کمک می کند. هر مشاغلی که دارای موقعیت فیزیکی یا منطقه جغرافیایی باشد می تواند از سئو محلی بهره مند شود. local SEO چگونه عمل می کند؟ در روزهای ابتدایی اینترنت ، تعداد نسبتاً کمی وب سایت وجود داشت ، بنابراین پیمایش در وب آسان بود. به محض اینکه اینترنت شروع به گسترش کرد ، موتورهای جستجو ایجاد شدند تا به کاربران اجازه دهند سایت های مورد نظر خود را با سهولت بیشتری پیدا کنند. پس از تجزیه و تحلیل رفتار کاربران در طی تریلیون جستجو ، گوگل دریافت که افرادی که به دنبال انواع خاصی از مشاغل هستند به نتایج نزدیک خود نیاز دارند. به همین دلیل الگوریتم جستجوی محلی گوگل دارای یک فاکتور مجاورت است . در واقع گوگل هنگام جستجوی کلمه کلیدی محلی موقعیت مکانی شما را در نظر می گیرد. این اتفاق می افتد حتی اگر کاربر نام شهر یا عبارت “نزدیک من” را در جستجوی خود وارد نکند. به عنوان مثال اگر در محل کار خود هستید و می خواهید برای ناهار یک پیتزا تحویل بگیرید ، لیستی از مکان های نزدیک دفتر شما را در صفحه نتایج نمایش می دهد. اما اگر همان جستجو را […]

درگاه پرداخت تلگرام و اینستاگرام
مطالعه :

با توجه به بازار داغ خرید و فروش در اینستاگرام و تلگرام و محبوبیت روزافزون این دو سوشیال مدیا برآن شدیم که راهی آسان و تنها با فشردن چند کلیک، برای دریافت درگاه پرداخت تلگرام و اینستاگرام را خدمت شما عزیزان ارائه دهیم. درگاه پرداختی آنلاین بدون نیاز به دریافت اینماد.   آنچه خواهیم خواند اینماد چیست؟ مدارک و شرایط لازم برای دریافت اینماد درگاه پرداخت آنلاین زرین پال درگاه پرداخت  برای کسب و کارهای اینستاگرامی و تلگرامی اینماد چیست؟ اینماد یا همان نماد اعتماد الکترونیکی(E-Namad) نمادی است که به وب سایت ها و کسب و کارهای اینترنتی اعتبار و رسمیت می بخشد. این نماد توسط مرکز توسعه تجارت الکترونیک به سایت هایی که در آن ها تراکنش مالی صورت می گیرد داده می شود.   مدارک و شرایط لازم برای دریافت اینماد شما به عنوان یک شخص حقیقی با ارائه ی مدارکی نظیر: مجوز کسب و کار تعهد شخص حقیقی شناسنامه، کارت ملی و مدرک نظام وظیفه و پرداخت هزینه می توانید موفق به دریافت دو ساله ی این نماد شوید. علاوه بر مدارک گفته شده هر سایت برای دریافت اینماد موظف به رعایت قوانین و الزاماتی است. الزاماتی نظیر: تایید مالکیت دامنه پشتیبانی از زبان فارسی عدم استفاده از پاپ آپ فروشگاهی بودن سایت درج قیمت روی هر محصول نمایش لینک ثبت شکایت در هر قسمت سایت درج […]

اینستا والت چیست؟
مطالعه :

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

دیدگاه ها

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

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