دستورات (Statements)
اینجا با «دستورات جاوااسکریپت» آشنا می شوی. «دستور (Statement)» یعنی یک خط کارِ مشخص. مرورگر این خط ها را از بالا به پایین اجرا می کند؛ مثل حل کردن تمرین های ریاضی، مرحله به مرحله.
برنامه و دستور در جاوااسکریپت
«برنامه (Program)» لیستی از دستورهاست. هر دستور می تواند مقدار، عملگر، عبارت، کلیدواژه و حتی «کامنت (Comment)» داشته باشد.
let x;
let y;
let z;
x = 5;
y = 6;
z = x + y;
ساخت یک دستور ساده
این دستور متن یک عنصر را عوض می کند. «تابع (Function)» getElementById عنصر با شناسه را می یابد.
document.getElementById("demo").innerHTML = "Hello Dolly.";
نقطه ویرگول (Semicolon) و پایان دستور
به انتهای هر دستور ; بگذار. این کار خوانایی و ایمنی را بهتر می کند.
let a;
let b;
let c;
a = 5;
b = 6;
c = a + b;
هشدار: گذاشتن چند دستور در یک خط مجاز است اما خوانایی را خراب می کند؛ بهتر است هر دستور یک خط باشد.
فاصله خالی (White Space) و خوانایی
جاوااسکریپت فاصله های اضافی را نادیده می گیرد. پس برای خوانایی، اطراف عملگرها فاصله بگذار.
let person = "Hege";
let x = y + z;
طول خط و شکستن خط
اگر خط طولانی شد، بعد از عملگر خط را بشکن تا خواناتر شود.
document.getElementById("demo").innerHTML =
"Hello Dolly!";
بلوک های کد { }
«بلوک کد (Code Block)» مجموعه ای از دستورها داخل آکولاد است. این کار اجرای گروهی را ممکن می کند.
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}
گام های عملی
- سه متغیر بساز و مقدار بده.
- با یک دستور متن یک عنصر را عوض کن.
- یک تابع بساز و دو عنصر را به روز کن.
جمع بندی سریع
- هر خط، یک دستور بهتر است.
- نقطه ویرگول پایان دستور است.
- فاصله خالی خوانایی را بهتر می کند.
- بلوک ها دستورها را گروهی اجرا می کنند.
نکته: برای قواعد نوشتن به ساختار نوشتاری برو. همچنین صفحه کامنت ها را ببین. اگر نیاز داشتی، همین صفحه دستورات جاوااسکریپت را نشانه گذاری کن.