نویسنده پشتیبانی وب یار

امتیاز مطلب

تعداد بازدید 4399

تاریخ بروزرسانی ۹ خرداد ۱۴۰۱

آموزش دستورات مهم جاوا اسکریپت + جلسه سوم

خانه » بلاگ » javascript » آموزش دستورات مهم جاوا اسکریپت + جلسه سوم

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

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

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

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

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

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

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

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

function

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

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

myFunction(); // Call the function

function myFunction() {

document.getElementById("demo").innerHTML = "Hello World!";

}

myFunction(); // Call the function

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

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

return

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

function myFunction() {
return 2+2;
}

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";
}

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>";
}

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]);
}

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++;
}

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);

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>";
}

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>";
}

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;

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;
}

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;
}

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>

<html>

<body>

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

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