دستورات جاوااسکریپت (JS Statements)
در این بخش، با دستورات (Statements) در زبان جاوااسکریپت آشنا می شویم. این دستورات مجموعه ای از دستورالعمل ها هستند که مرورگر اجرا می کند.
برنامه های جاوااسکریپت
یک برنامه کامپیوتری، لیستی از دستورالعمل هاست که به ترتیب اجرا می شوند. این دستورالعمل ها در جاوااسکریپت با دستورات نمایش داده می شوند.
دستورات به ترتیب نوشته شده، یکی پس از دیگری اجرا می شوند و مرورگر آنها را پردازش می کند.
نکته: در HTML، برنامه های جاوااسکریپت توسط مرورگر اجرا می شوند.
ساختار دستورات جاوااسکریپت
دستورات جاوااسکریپت شامل مقادیر، عملگرها، عبارات، کلمات کلیدی و توضیحات هستند.
مثال زیر، متن «Hello Dolly.» را داخل عنصر HTML با id="demo" قرار می دهد:
document.getElementById("demo").innerHTML = "Hello Dolly.";
Try it Yourself »نکته: دستورات و برنامه های جاوااسکریپت معمولاً به عنوان کد جاوااسکریپت شناخته می شوند.
نقطه ویرگول ;
نقطه ویرگول دستورات را جدا می کند. بهتر است در پایان هر دستور از آن استفاده کنید.
let a, b, c; // Declare 3 variables
a = 5; // Assign 5 to a
b = 6; // Assign 6 to b
c = a + b; // Assign sum to c
Try it Yourself »می توانید چند دستور را در یک خط با نقطه ویرگول جدا کنید:
a = 5; b = 6; c = a + b;
Try it Yourself »نکته: استفاده از نقطه ویرگول اختیاری است اما توصیه می شود.
فاصله ها (White Space)
جاوااسکریپت فاصله های اضافی را نادیده می گیرد. فاصله مناسب باعث خوانایی بهتر می شود.
let person = "Hege";
let person="Hege";
قرار دادن فاصله در اطراف عملگرها مانند = + - * / توصیه می شود:
let x = y + z;
طول خطوط و شکست خطوط
برای خوانایی بهتر، خطوط کد نباید طولانی تر از 80 کاراکتر باشند.
اگر دستور جاوااسکریپت طولانی است، بهتر است بعد از یک عملگر آن را بشکنید:
document.getElementById("demo").innerHTML =
"Hello Dolly!";
Try it Yourself »بلوک های کد
می توان دستورات را داخل بلوک های کد با {...} گروه بندی کرد تا با هم اجرا شوند.
یکی از کاربردها در توابع جاوااسکریپت است:
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}
Try it Yourself »نکته: در این آموزش از 2 فاصله برای تورفتگی بلوک ها استفاده می کنیم.
کلمات کلیدی جاوااسکریپت
دستورات اغلب با کلمات کلیدی (Keywords) شروع می شوند که نوع عمل را مشخص می کنند.
لیست برخی از کلمات کلیدی را می توانید در Reserved Words Reference ببینید.
کلمه کلیدی | توضیح |
---|---|
var | تعریف متغیر |
let | تعریف متغیر بلوکی |
const | تعریف ثابت بلوکی |
if | اجرای بلوک شرطی |
switch | اجرای بلوک در شرایط مختلف |
for | اجرای بلوک در حلقه |
function | تعریف تابع |
return | خروج از تابع |
try | مدیریت خطا |
نکته: کلمات کلیدی رزرو شده اند و نمی توان از آنها به عنوان نام متغیر استفاده کرد.
ویدئو: دستورات جاوااسکریپت
برای مشاهده آموزش ویدئویی JavaScript Statements می توانید از یوتیوب استفاده کنید.