یک برنامه جاوا اسکریپت دنباله ای از دستورالعمل ها (گزاره ها) است. گاهی اوقات دستورالعمل ها را دستورات جاوا اسکریپت نیز می نامند.

برای اجرای برنامه باید راه اندازی شود. اگر برنامه یک اسکریپت مشتری باشد، به طور خودکار توسط مرورگر راه اندازی می شود، اما البته فقط در صورتی که در کد صفحه وجود داشته باشد. مرورگر برنامه را معمولاً در حین بارگذاری یک صفحه وب اجرا می کند.

هنگام نوشتن دستورالعمل ها باید با نقطه ویرگول از هم جدا شوند. جاوا اسکریپت به شما این امکان را می دهد که یک نقطه ویرگول در انتهای عبارت if را حذف کنید دستورالعمل بعدیآغاز خواهد شد خط جدید.

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

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

به عنوان مثال، این دستورالعمل به مرورگر می گوید که بنویسد "Hello, world!" داخل عنصر HTMLبا id="main":

Document.getElementById("main").textContent = "سلام، دنیا!";

معانی جاوا اسکریپت

نحو جاوا اسکریپت انواع مقادیر زیر را تعریف می کند: مقادیر ثابت (حرفی)، مقادیر ثابت و مقادیر متغیر.

نمونه هایی از لفظ برای نشان دادن مقادیر مختلف در جاوا اسکریپت:

17 // عدد صحیح تحت اللفظی 23.8 // عدد کسری تحت اللفظی "HTML" // رشته تحت اللفظی "HTML" // رشته به معنای واقعی کلمه درست // لفظی بولی // لفظی آرایه // لفظی آرایه () // تحت اللفظی شی ( نام: "دنیس" , زبان: "ru" ) // مفعول تحت اللفظی (ab|bc) // عبارت منظم literal

در زبان های برنامه نویسی از ثابت ها و متغیرها برای ذخیره مقادیر داده ها استفاده می شود.

برای اعلام ثابت ها از آن استفاده می شود کلمه کلیدی const، متغیرها – var و let.

صرف MAX_LENGTH = 17; // بخش var ثابت = "HTML"; // متغیر let arr = ["HTML","CSS"]; // متغیر

let یک روش جدید برای اعلام متغیرها است که از نسخه ES-2015 (ES6) ظاهر شده است. Let از این جهت با var متفاوت است که متغیری که با استفاده از let اعلام می‌شود، دامنه متفاوتی دارد (گستره بلوک)، و همچنین از این جهت که فقط پس از ایجاد می‌توان به آن دسترسی داشت.

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

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

بسته به تعداد عملوندهایی که اپراتور با آنها کار می کند، آنها را به دودویی و تکی تقسیم می کنند. اما جاوا اسکریپت یک عملگر شرطی نیز دارد که از 3 عملوند تشکیل شده است. این عملگر سه تایی نامیده می شود.

به عنوان مثال، عملگر انتساب (= علامت):

// operand1 = operand2; coorX = 100; // برای مثال عدد 100 را به متغیر coordX اختصاص دهید

این عملگر برای تخصیص (set) operand1 به همان مقدار operand2 استفاده می شود.

عملگر تخصیص باینری است زیرا بر روی دو عملوند عمل می کند.

به عنوان مثال، عملگر افزایش (علامت ++) برای افزایش استفاده می شود مقدار عددیعملوند در 1:

Var num = 5; ++ تعداد // 6

عملگر افزایشی یکنواخت است زیرا بر روی یک عملوند عمل می کند.

عبارات جاوا اسکریپت

یک عبارت ترکیبی از مقادیر، متغیرها و عملگرهایی است که یا مقداری را به یک متغیر اختصاص می دهد یا بدون اختصاص دادن آن، مقداری را برمی گرداند.

برای مثال عبارت num = 955.47 از عملگر = برای اختصاص مقدار 7 به متغیر num استفاده می کند.

به عنوان مثال، عبارت "Hello, " + "Timofey" از عملگر + برای اضافه کردن رشته های "Hello" و "Timofey" بدون انتساب استفاده می کند.

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

دستورالعمل های جاوا اسکریپت اغلب با یک کلمه کلیدی شروع می شود. این (کلمه کلیدی) برای تعیین اینکه چه عملکرد جاوا اسکریپت باید انجام شود در نظر گرفته شده است.

به عنوان مثال، کلمه کلیدی var به مرورگر می گوید که متغیرها را ایجاد کند:

Var coordX = 5، coordY = 130.

فهرست برخی از کلیدواژه‌ها: break, continue, do... while, for, function, if... else, return, switch, try ... catch, var.

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

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

کد بعد از اسلش دوبل // یا بین /* و */ به عنوان یک نظر در نظر گرفته می شود.

نظرات نادیده گرفته می شوند و اجرا نمی شوند:

جهت Var = "بالا"; // نظر یک خطی // var speed = 10; این دستورالعمل اجرا نمی شود /* تابعی که کلاس نمایش را به عنصر با id="myBtn" */ تابع showBtn() اضافه می کند (document.getElementById("myBtn").classList.add("show"); )

// - یک نظر یک خطی است، یعنی. هر متنی بین // و انتهای خط توسط جاوا اسکریپت نادیده گرفته می شود (اجرا نمی شود).

/* */ یک نظر چند خطی است، هر متنی بین /* و */ توسط جاوا اسکریپت نادیده گرفته می شود.

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

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

معمولاً در توابع، ساختارهای کنترل (for، while) و غیره استفاده می شود.

تابع myFunction() ( document.getElementById("id__1").textContent = "متن 1..."; document.getElementById("id__2").textContent = "متن 2..."؛ )

حساسیت به حروف کوچک

جاوا اسکریپت یک زبان حساس به حروف کوچک و بزرگ است. این بدان معناست که کلمات کلیدی، متغیرها، نام توابع و سایر شناسه های زبان باید دارای مجموعه ای از حروف بزرگ و کوچک باشند. به عنوان مثال، روش هشدار فقط باید به عنوان هشدار تایپ شود و نه Alert، ALERT و غیره.

فضای خالی در جاوا اسکریپت

جاوا اسکریپت چندین فاصله را نادیده می گیرد. برای خوانایی بیشتر می توانید به اسکریپت خود فاصله اضافه کنید.

خطوط زیر معادل هستند:

Var str = "متن"; var str="Text";

طول خط کد

اگر یک دستورالعمل جاوا اسکریپت طولانی است، بهتر است آن را شکست دهید. در بیشتر موارد، بهتر است پس از چند اپراتور، یک دستورالعمل شکسته شود.

مثلا:

Document.getElementById("aside__nav_header").innerHTML = "پیمایش اضافی (بر اساس بخش)";

• نامی متشکل از یک کلمه باید با حروف کوچک نوشته شود (به عنوان مثال: مقاله).
• نامی متشکل از چند کلمه باید با حروف کوچک با هم نوشته شود، به جز حروفی که در محل اتصال کلمات قرار دارند، باید با حروف بزرگ نوشته شوند (مثلا: articleTitle).
• تعداد کلمات در نام نباید بیشتر از 3 باشد (به عنوان مثال: articleDatePublishedon)
• متغیرها (نه برای ذخیره توابع) و ویژگی های شی باید اسم باشند (به عنوان مثال: textComment).
• آرایه‌ها و مجموعه‌های مقادیر باید توسط اسم‌های موجود در آن مشخص شوند جمع(به عنوان مثال: آخرین نظرات)؛
• توابع و متدهای اشیا باید با افعال نامگذاری شوند (به عنوان مثال: getLastArticles).
• نام کلاس ها باید با حرف بزرگ شروع شود (به عنوان مثال: نظرات).

جاوا اسکریپت را می توان با استفاده از عملگرهای جاوا اسکریپت، که در قرار می گیرند تگ های HTMLاسکریپت ... /اسکریپت در یک صفحه وب.

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

تگ اسکریپت به برنامه مرورگر هشدار می دهد تا تمام متن بین این تگ ها را به عنوان اسکریپت تفسیر کند. نحو ساده برای جاوا اسکریپت شما به این شکل است.

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

تگ اسکریپت شامل دو ویژگی مهم است -

• زبان - این ویژگی نشان می دهد که از چه زبان برنامه نویسی استفاده می کنید. به طور معمول مقدار آن جاوا اسکریپت خواهد بود. اگرچه نسخه های اخیر HTML (و XHTML، جانشین آن) استفاده از این ویژگی را متوقف کرده اند.
• تایپ کنید. این ویژگی اکنون برای نشان دادن زبان برنامه نویسی مورد استفاده توصیه می شود و مقدار آن باید روی "text/javascript" تنظیم شود.

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

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

اولین اسکریپت جاوا اسکریپت شما

بیایید نمونه چاپ "سلام جهان" را در نظر بگیریم. اضافه کردیم نظر اضافی HTML که کد جاوا اسکریپت ما را احاطه کرده است. این برای ذخیره کد ما از مرورگری است که جاوا اسکریپت را پشتیبانی نمی کند. نظر با "// ->" به پایان می رسد. در اینجا "//" به معنای یک نظر در جاوا اسکریپت است، بنابراین ما این را اضافه می کنیم تا مرورگر نتواند انتهای نظر HTML را به عنوان بخشی از کد جاوا اسکریپت بخواند. سپس تابع document.write را فراخوانی می کنیم که یک رشته در سند HTML ما می نویسد.

از این تابع می توان برای نوشتن متن، HTML یا هر دو استفاده کرد. به کد زیر دقت کنید.

این کد نتیجه زیر را خواهد داشت:

سلام دنیا!

فاصله ها و خطوط شکسته

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

نقطه ویرگول در جاوا اسکریپت

که در دستورالعمل های سادهدر جاوا اسکریپت معمولاً با یک نقطه ویرگول دنبال می شود، مانند C، C++ و جاوا. با این حال، جاوا اسکریپت به شما این امکان را می دهد که اگر هر یک از عبارات خود را در یک خط جداگانه قرار دهید، از این نقطه ویرگول صرف نظر کنید. به عنوان مثال، کد زیر را می توان بدون نقطه ویرگول نوشت.

اما هنگام قالب بندی در یک خط مانند این، باید از نقطه ویرگول استفاده کنید -

توجه داشته باشید. تمرین خوببرنامه نویسی استفاده از نقطه ویرگول است.

حساسیت به حروف کوچک

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

بنابراین شناسه های Time و TIME معانی مختلفی را به جاوا اسکریپت منتقل می کنند.

توجه داشته باشید. هنگام نوشتن نام متغیرها و توابع در جاوا اسکریپت باید مراقب باشید.

هنگام یادگیری نوشتن، فرد باید اصول املا، دستور زبان و املا را بیاموزد. به عنوان مثال، همه می دانند که یک جمله با آن شروع می شود حرف بزرگو با نقطه به پایان می رسد، متن به پاراگراف ها و غیره تقسیم می شود.

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

این آموزش شما را با اصول نحو و ساختار کد در جاوا اسکریپت آشنا می کند.

عملکرد و خوانایی

عملکرد و خوانایی جنبه های بسیار مهمی از نحو جاوا اسکریپت است که باید به طور جداگانه بر روی آنها تمرکز کرد.

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

این خطا را در برنامه “Hello, World!” در نظر بگیرید.

// نمونه ای از یک برنامه جاوا اسکریپت خراب
console.log("سلام، جهان!"

یک براکت بسته در انتهای آن وجود ندارد، بنابراین به جای خط "سلام، دنیا!" برنامه یک خطا را برمی‌گرداند:

Uncaught SyntaxError: missing) بعد از لیست آرگومان

برای ادامه اجرای اسکریپت، باید یک پرانتز بسته اضافه کنید. به این ترتیب است که یک خطا در نحو جاوا اسکریپت می تواند بر عملکرد برنامه تأثیر بگذارد.

برخی از جنبه‌های نحو و قالب‌بندی جاوا اسکریپت از دیدگاه‌های متفاوتی می‌آیند. به بیان ساده، قوانین و تغییرات سبکی وجود دارد که اختیاری هستند و هنگام اجرای کد باعث ایجاد خطا نمی شوند. با این حال، بسیاری از قراردادهای عمومی نیز وجود دارد که عاقلانه است که آنها را پیگیری کنید تا توسعه دهندگان پروژه و کد از به روز رسانی های سبک و نحو آگاه باشند. پیروی از قراردادهای رایج خوانایی کد شما را بهبود می بخشد.

سه گزینه زیر را برای تخصیص مقدار به یک متغیر در نظر بگیرید:

const greeting="سلام"; // بدون فاصله بین متغیر و رشته
const greeting = "سلام"; //فضای خالی بیش از حد پس از انتساب
const greeting = "سلام"; // تک فضای خالی بین متغیر و رشته

هر سه خط بالا یکسان عمل می کنند. اما گزینه سوم (greeting = "Hello") بسیار رایج ترین و خواناترین روش برای نوشتن کد است، به خصوص زمانی که در زمینه یک برنامه بزرگتر مشاهده می شود.

نظارت بر یکپارچگی و سازگاری همه کدهای برنامه بسیار مهم است.

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

کاراکترهای فضای خالی

کاراکترهای فضای خالی جاوا اسکریپت فضاها، برگه ها و فیدهای خط هستند (این عمل توسط کلید Enter انجام می شود). همانطور که قبلا نشان داده شد، فضای خالی اضافی خارج از یک خط، فضای سفید بین عملگرها و سایر کاراکترها توسط مفسر جاوا اسکریپت نادیده گرفته می شود. این به این معنی است که سه مثال انتساب متغیر زیر نتیجه یکسانی خواهند داشت:

const userLocation = "نیویورک، " + "NY";
const userLocation="نیویورک، "+"NY";
const userLocation = "نیویورک، " + "NY";

متغیر userLocation بدون در نظر گرفتن سبک انتساب برای آن مقدار، مقدار "New York City, NY" را خواهد داشت. برای جاوا اسکریپت مهم نیست که کدام کاراکترهای فضای خالیاستفاده می شود.

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

خواندن آسان تر از:

یک استثنای مهم در این قانون، تخصیص چندین متغیر است. به موقعیت = در مثال زیر توجه کنید:

const companyName = "MyCompany";
const companyHeadquarters = "نیویورک";
const companyHandle = "mycompany";

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

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

براکت های گرد

کلمات کلیدی مانند if، switch و for معمولا قبل و بعد از پرانتز فاصله دارند. به مثال زیر توجه کنید:

// مثالی از نحو دستور if
اگر () ()
// معادله ریاضی را بررسی کنید و یک رشته را در کنسول چاپ کنید
اگر (4< 5) {
console.log("4 کمتر از 5 است.");
}
// مثالی از نحو حلقه for
برای () ( )
// 10 بار تکرار کنید، هر شماره تکرار را در کنسول چاپ کنید
برای (بگذارید i = 0؛ i 0) (
مربع (عدد)؛
}

مراقب باشید زیرا همه کدهای محصور شده در بریس های فرفری نیازی به نقطه ویرگول ندارند. اشیاء در بریس های مجعد محصور شده اند و باید با نقطه ویرگول خاتمه پیدا کنند.

// یک شی نمونه
const objectName = ();
// مقدار دهی اولیه شی مثلث
مثلث const = (
نوع: "درست"،
زاویه: 90،
اضلاع: 3،
};

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

ساختار کد

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

به عنوان مثال، عبارت if/else را می توان در یک خط نوشت، یا می توان آن را تقسیم کرد:

// عبارت شرطی نوشته شده در یک خط
if (x === 1) ( /* اجرای کد اگر درست است */ ) دیگری ( /* اجرای کد اگر نادرست است */ )
// عبارت شرطی با تورفتگی
اگر (x === 1) (
// در صورت درست بودن کد را اجرا کنید
) دیگر (
// در صورت نادرست بودن کد را اجرا کنید
}

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

یک پرانتز باز در انتهای خط اول یک روش رایج برای ساختار عبارات و اشیاء جاوا اسکریپت است. گاهی اوقات براکت ها در خطوط جداگانه قرار می گیرند:

// عبارت شرطی با پرانتز در خطوط جدید
اگر (x === 1)
{
// در صورت درست بودن کد را اجرا کنید
}
دیگر
{
// در صورت نادرست بودن کد را اجرا کنید
}

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

عبارات تودرتو باید از هم جدا شوند:

// مقدار دهی اولیه یک تابع
تابع isEqualToOne(x) (
// بررسی کنید که x برابر با یک است یا خیر
اگر (x === 1) (
// در موفقیت، بازگشت واقعی است
بازگشت درست؛
) دیگر (
بازگشت نادرست؛
}
}

تورفتگی مناسب کد را قابل خواندن می کند. تنها استثنای این قانون که باید در نظر داشت این است که کتابخانه های فشرده تمام نمادهای غیر ضروری را برای کاهش حجم فایل حذف می کنند.

شناسه ها

به نام متغیرها، توابع یا خصوصیات در جاوا اسکریپت شناسه می گویند. شناسه ها از حروف و اعداد تشکیل شده اند، اما نمی توانند شامل کاراکترهایی فراتر از $ و _ باشند و نمی توانند با یک عدد شروع شوند.

حساسیت به حروف کوچک

نام ها به حروف بزرگ و کوچک حساس هستند. یعنی myVariable و myvariable به عنوان دو متغیر متفاوت در نظر گرفته می شوند.

var myVariable = 1;
var myvariable = 2;

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

const INSURANCE_RATE = 0.4;

استثنای این قاعده، نام کلاس ها است، که در آن هر کلمه به طور معمول با یک حرف بزرگ شروع می شود (PascalCase).

// یک کلاس را راه اندازی کنید
کلاس ExampleClass (
سازنده()
}

برای اطمینان از خوانایی کد، باید از شناسه ها به طور مداوم در همه فایل های برنامه استفاده کنید.

کلمات کلیدی رزرو شده

شناسه ها همچنین نباید حاوی کلمات کلیدی رزرو شده باشند. کلمات کلیدی کلمات جاوا اسکریپتی هستند که دارای عملکرد داخلی هستند. اینها شامل var، if، for و این هستند.

به عنوان مثال، شما نمی توانید مقداری را به متغیری با نام var اختصاص دهید.

var var = "مقدار کمی";

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

SyntaxError: نشانه غیرمنتظره (1:4)