بیایید شروع کنیم! در این فصل با موارد پایه‌ای برنامه نویسی از جمله انواع داده‌ها و مقادیر آنها و همچنین ساختار برنامه نویسی آشنا می‌شویم.
دستور console.log() در زبان برنامه نویسی جاوااسکریپت، پیامی را در محیط console نمایش می‌دهد. ناحیه کنسول در اکثر محیط‌های توسعه جاوااسکریپت وجود دارد.
یک مقدار در واقع قطعه‌ای از اطلاعات است. ارزش مقدار معرف نقش آن و عملیات قابل اجرا بر روی آن است.
- زبان جاوااسکریپت از نوع عددی برای ارائه مقادیرعددی (با اعشار و بدون اعشار) و از مقادیر رشته برای نمایش مقادیر رشته‌ای استفاده می‌کند.
- یک مقدار رشته باید در یک جفت علامت نقل قول تکی (
'...') یا علامت نقل قول جفت ("...") درج شود. - عملیات حسابی بین اعداد با عملگرهای
+,-,*و/انجام می‌شود. الحاق دو رشته با عملگر+صورت می‌پذیرد، که به این عملیات الحاق یا concatenation می‌گویند. - Comments یا نظرها (
// ...یا/* ... */) بخش‌های از کُد هستند که اجرا نمی‌شوند و برای مستند سازی کاربردی هستند.
این اولین خط کُدی است که به زبان جاوااسکریپت می‌نویسید.
console.log("Hello from JavaScript!");این برنامه متن "Hello from JavaScript!" را در محیط کنسول نمایش می‌دهد. در نظر داشته باشید که کنسول در اکثر مرورگرها وجود دارد و نمایش خروجی کُد در این محیط به آسانی ممکن می‌شود.
به این ترتیب برای آنکه بتوانید خروجی کُد را در کنسول مشاهده کنید، باید دستور console.log() که وظیفه آن نمایش اطلاعات است را اجرا کنید. متنی که می‌خواهید در محیط کنسول نمایش داده شود، باید در پرانتز و بین علامت نقل قول درج گردد. همچنین در انتها باید در پرانتز از علامت نقطه ویرگول استفاده کنید که اعلام کننده پایان خط کُد است.
نمایش متن [https://en.wikipedia.org/wiki/Hello_world](Hello World) بر
روی نمایشگر
یک مقدار اطلاعاتی است که از آن در برنامه کامپیوتری استفاده می‌شود. مقادیر به فُرم‌های مختلفی وجود دارند که به آنها نوع می‌گویند. نوع مقدار توسط نقش و عملیاتی که بر روی آن انجام می‌شود در برنامه مشخص می‌شود.
هر زبان برنامه نویسی نوع و مقادیر خاص خود را دارد. بگذارید به انواع مختلف داده در زبان برنامه نویسی جاوااسکریپت نگاهی بیاندازیم.
یک عدد همان طور که از آن برمی‌آید، مقداری عددی است!
از اعداد برای شمارش استفاده می‌شود و عملیات اصلی در جدول زیر خلاصه شده است. نتیجه تمام این عملیات عدد خواهد بود.
| Operator | Role |
|---|---|
+ |
Addition |
- |
Subtraction |
* |
Multiplication |
/ |
Division |
یک رشته در جاوااسکریپت متنی است که مثل "This is a string" در علامت نقل قول درج می‌شود.
همچنین می‌توانید رشته‌ها را به صورت در علامت نقل قول تکی مثل این مورد: 'This is another string' نیز درج کنید. ممکن است انتخاب بین علامت نقل قول تکی یا جفت کمی گیج کننده باشد اما فقط در نظر داشته باشید که از هر کدام که استفاده می‌کنید آن هر دو را با هم هم زمان در یک برنامه استفاده نکنید!
همیشه به خاطر داشته باشید که یک رشته با یک نوع علامت نقل قول ابتدای رشته را اعلان می‌کند.
برای آنکه رشته‌های خاص که بعضا ممکن است برای مثال کلمه کلیدی باشند را در رشته شامل کنید از علامت (backslash) \ قبل از آن حرف استفاده کنید. برای مثال برای آنکه خط جدیدی به رشته اضافه شود این \n را تایپ کنید. مثال آن:
"This is\na multiline string" است.
نمی‌توانید مقادیر رشته‌ای را مثل اعداد از هم کم یا به هم اضافه کنید. با این وجود عملگر + زمانی که به دو رشته‌ای اضافه شود معنای خاصی دارد. این عملگر باعث خواهد شد تا دو رشته به یکدیگر زنجیر شوند و به این عمل الحاق می‌گویند. برای مثال می‌توان دو رشته "Hel" + "lo" را به هم الحاق کرد و رشته نهایی "Hello" را ساخت.
همین حالا برنامه کامپیوتری تعریف کردیم که لیستی از دستورات را به کامپیوتر می‌داد و به آن می‌گفت که چه بکند. این دستورهای به صورت فایل متنی و آنچه آن را به عنوان منبع کُد برنامه می‌شناسید نوشته شده اند. این خطوط کُد در منبع فایل کُد با عنوان خطهای کُد شناخته می‌شوند.
ممکن است منبع کُد شامل خطهای خالی نیز باشد: هنگام اجرای برنامه این خطوط کُد در نظر گرفته نخواهند شد.
هر دستور عمل در برنامه کامپیوتری یک دستور است. پایان هر دستور در جاوا اسکریپت معمولا در با نقطه ویرگول مشخص می‌شود. (البته در تمام مواقع الزامی نیست) دستورهای به این صورت پشت سر هم درج می‌شوند و برنامه کامپیوتری را تشکیل می‌دهند.
معمولا در هر خط فقط یک دستور می‌نویسید.
زمانی که برنامه اجرا می‌شود دستور یکی پس از دیگری خوانده می‌شوند. ترکیب تمام این دستورها نتیجه نهایی را اجرا می‌کند.
در اینجا مثالی از توالی دستورها در بدنه یک برنامه نوشته شده به زبان جاوا اسکریپت آورده شده است.
console.log("Hello from JavaScript!");
console.log("Let's do some math");
console.log(4 + 7);
console.log(12 / 0);
console.log("Goodbye!");
بسته به محیطی که در آن کُد می‌زنید ممکن است علامت نقل قول در اطراف رشته چاپ نشود.
همان طور که انتظار می‌رود زمانی که عدد ۱۲ بر ۰ تقسیم شود نتیجه آن بی نهایت خواهد بود.
به صورت پیش فرض هر خط متن در فایل منبع برنامه دستوری است که باید اجرا شود. می‌توانید برخی از اجرای برخی خطوط با درج دو اسلش جلوگیری کنید و آن را به نظر تبدیل کنید. این کُد را به نظر تبدیل می‌کند.
console.log("Hello from JavaScript!");
// console.log("Let's do some math");
console.log(4 + 7);
// console.log(12 / 0);
console.log("Goodbye!");در زمان اجرا خطوطی به نظر شده اند اجرا نمی‌شوند و نتیجه ای ندارند.
تبدیل کُد به نظر برای توسعه دهندگان عالی هستند زیرا هرجا که لازم باشد می‌توانید توضیحات اضافه در کُد درج کنید و کامپیوتر آن را در زمان اجرا در نظر نمی‌گیرد.
همچنین می‌توانید با درج /* */ این علامت قبل و بعد از هر بخشی آن را به کامنت یا نظر تبدیل کنید.
/* A comment (یک نظر)
written on
several lines */
// A one line comment (نظر یک خطه)نظر گذاشتن در بدنه کُد روشی عالی برای درج توضیحات در مورد ساختار برنامه است. تمرین نظر گذاشتن در بخش‌های مهم و حساس کُد کمک می‌کند تا عادت‌های برنامه نویسی خوب را از همین ابتدا بیاموزید.
بیایید این مهارت تازه را با هم همین حالا تمرین کنیم.
برنامه‌ای بنویسید که نام و سن‌تان را نمایش دهد. این خروجی برنامه‌ای است که من برای خودم نوشتم.
برنامه‌ای بنویسید که جمع زدن، تفریق، ضرب و تقسیم کردن ۶ بر ۳ را نمایش دهد.
به کُد زیر نگاه کنید و سعی کنید نتیجه آن را حدس بزنید.
console.log(4 + 5);
console.log("4 + 5");
console.log("4" + "5");حالا با بررسی برنامه نتیجه کُد را مشاهده کنید.