گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/08/08 - 10:57
كد :7919

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

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

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

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

دستور زیر به مرورگر اعلام میکند که عبارت "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

یک متغییر تعریف می کند.

 

درج کد در تگی با id= demo  

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

 

 

تعریف و نمایش مقادیر متغییر ها

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

 

 

نحوه کاربرد سمی کالن

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

 

 

نوشتن چند کد در یک خط

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

 

 

شکستن خط کد

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

 

 

بلوک کد

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

 

 

براي بهره مندي از مشاوره تخصصي در زمینه طراحی سایت در کرج با شرکت سارگون تماس بگيريد

نظرات كاربران :