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

let x, y, z;    // دستور 1
x = 5;          // دستور 2
y = 6;          // دستور 3
z = x + y;      // دستور 4

برنامه های جاوا اسکریپت

یک برنامه ی کامپیوتری، یک لیست از دستورالعمل هایی است که توسط یک کامپیوتر اجرا می شوند. در یک زبان برنامه نویسی، به این دستورالعمل های کامپیوتری، دستور(statement) گفته می شود. یک برنامه جاوا اسکریپت، یک لیست از دستورات برنامه نویسی می باشد.

نکته: در HTML، برنامه های جاوا اسکریپت توسط مرورگر اجرا می شوند.

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

دستورات جاوا اسکریپت، از موارد زیر تشکیل می شوند:

1. مقادیر
2. عملگرها
3. عبارت ها
4. کلمات کلیدی
5. کامنت ها

دستور زیر به مرورگر می گوید که عبارت "سلام جاوا اسکریپت" را در درون عنصری از HTML که آی دی آن برابر با demo است(id="demo") قرار دهد:

document.getElementById("demo").innerHTML = "سلام جاوا اسکریپت"; 

اکثر برنامه های جاوا اسکریپت، حاوی تعداد زیادی دستورات جاوا اسکریپت هستند.این دستورات به همان صورت که نوشته شده اند، یک به یک اجرا می شوند.

استفاده از سمی کالن(;) در جاوا اسکریپت

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

let a, b, c;  // تعریف سه متغیر
a = 5;        // a انتساب مقدار 5 به
b = 6;        // b انتساب مقدار 6 به
c = a + b;    // c به b و a انتساب جمع

وقتی که از سمی کالن استفاده کنیم، می توانیم چندین دستور جاوا اسکریپت را در یک خط قرار دهیم:

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

نکته: ممکن است در سطح وب، کدهای جاوا اسکریپتی مشاهده کنید که از سمی کالن ها استفاده نمی کنند. خاتمه دادن به کدها با استفاده از سمی کالن ضروری نیست اما به شدت توصیه می شود که از آن استفاده کنید.

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

اگر در کدها از چند فاصله سفید استفاده کنیم، جاوا اسکریپت آنها را نادیده می گیرد. ما می توانیم برای خوانایی کدها، فاصله های سفیدی را به آنها اضافه کنیم. بنابراین، خط کدهای زیر با یکدیگر معادل هستند:

let person = "sina";
let person="sina";

یک تمرین خوب، این است که به دور عملگرهای ( = + - * / ) فاصله ی سفید قرار دهیم:

let x = y + z; 

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

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

document.getElementById("demo").innerHTML =
"سلام جاوا اسکریپت"; 

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

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

function myFunction() {
  document.getElementById("demo1").innerHTML = "سلام جاوا اسکریپت";
  document.getElementById("demo2").innerHTML = "نام شهر شما چیست";
}

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

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

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

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