JavaScript

JavaScript — دستورات جاوااسکریپت (JS Statements)

آخرین بروزرسانی: 1404/07/21

دستورات جاوااسکریپت (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 می توانید از یوتیوب استفاده کنید.