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

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

ساختار دستورات جاوا اسکریپت، برای پردازش در موررگر نوشته شده اند.

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

دستور زیر به مرورگر اعلام میکند که عبارت "Hello Dolly." را در داخل تگی که دارای id=demo است درج کند.

مثال

document.getElementById("demo").innerHTML = "Hello Dolly.";

مشاهده نتیجه

اپلیکشین تحت وب با جاوا اسکریپت

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

در جملات زیر X,Y و Z مقادیری را در خود ذخیره کرده و در آخر مقدار Z به نمایش در میاید.

مثال:

var x, y, z;
x = 5;
y = 6;
z = x + y;
document.getElementById("demo").innerHTML = z;

مشاهده نتیجه

سمی کالن ؛

در انتهای هر خط از دستورات جاوا اسکریپت باید از سمی کالن استفاده شود.

در مثال زیر نحوه استفاده از سمی کالن را نمایش میدهد.

var a, b, c;
a = 5;
b = 6;
c = a + b;

مشاهده نتیجه

اگر بخواهیم میتوانیم چند خط دستور جاوا اسکریپت را در یک خط قرار دهیم. اما باید بین عبارات از سمی کالن استفاده کرد. یعنی بعد از تعریف هر متغییر و بعد از دادن مقدار به متغییر، یک سمی کالن بگذارید. به مثال زیر نگاه کنید.

a = 5; b = 6; c = a + b;

مشاهده نتیجه

در وب شما ممکن است مثالهایی از دستورات جاوا بدون سمی کالن ببینید . اما یادتان باشد که استفاده از سمی کالن بشدت توصیه شده است.

استفاده از فاصله در دستورات جاوا اسکریپت

جاوا اسکریپت استفاده از چند فاصله متوالی را نمی پذیرد. اما میتوان از تک فاصله برای افزایش خوانایی کد ها استفاده کرد.

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

var person = "Hege";
var person="Hege";

بهتر است بین عملگرهایی مانند (= + - * /<) و عبارات قبل و بعد آنها از فاصله استفاده کنید.

var x = y + z;

شکستن خطوط بلند در دستورات جاوا اسکریپت

میتوان برای افزایش خوانایی یک برنامه، خط دستوری را شکست. بهتر است که خطوط دستور شما بیش از 80 کلمه نداشته باشند.

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

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

مشاهده کد

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

دستورات جاوا اسکریپت میتوانند در یک گروه قرار گیرند، برای اینکار از کروشه {} استفاده میشود. هدف از ایجاد بوک کد نوشتن کدهایی است که باهم اجرا میشوند. یکی از کاربردهای بلوک کدها در توابع جاوا اسکریپت است:

مثال

function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}

مشاهده نتیجه

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

هر زبانی برای خود یکسری کد دستوری دارد. هنگام ایجاد متغییر شما نمی توانید از نام های این کدها استفاده کنید. در جدول زیر شما میتوانید با کاربرد این کدها بیشتر آشنا شوید.

کد دستوری	توضیحات
break	به دستور switch و loop پایان میدهد.
continue	از حلقه خارج شده و از خارج حلقه کد را پردازش می کند.
debugger	عملیات را متوقف کرده وتابع debugging را پردازش می کند.
do ... while	درصورتی که شرط درست باشد عبارت درون دستور را تا زمان درست بودن شرط تکرار می کند.
for	یک شرط تعیین می کند که در صورت درست بودن دستوری اجرا شود.
function	امکان تعریف توابع را مهیا می کند.
if ... else	یک شرط برای اجرای یک کد تعیین می کند و در صورت درست نبودن شرط کد دیگری را برای اجرا پردازش می کند.
return	خروج از یک تابع
switch	<یک بلوک از کد که چند شرط مشخص تعیین می کند که با تعیین صحت هر کدام کدی خاص اجرا میشود.
try ... catch	برای جلوگیری از بروز خطا استفاده میشود.
var	یک متغییر تعریف می کند.