جاوا اسکریپت یکی از محبوبترین زبانهای برنامهنویسی برای توسعه وب است. این زبان به طور گستردهای برای ایجاد تعاملات پویا در صفحات وب استفاده میشود. در این مقاله، به صورت ساده و مرحله به مرحله، با جاوا اسکریپت آشنا میشویم.
1. جاوا اسکریپت چیست؟
جاوا اسکریپت (JavaScript) یک زبان برنامهنویسی سمت کاربر است که معمولاً برای توسعه وب استفاده میشود. برخلاف HTML و CSS که ساختار و ظاهر صفحه وب را تعیین میکنند، جاوا اسکریپت برای ایجاد تعاملات پویا، مانند کلیکها و پاسخ به رویدادها، استفاده میشود.
2. شروع به کار با جاوا اسکریپت
برای شروع کار با جاوا اسکریپت، تنها چیزی که نیاز دارید یک مرورگر وب و یک ویرایشگر متن ساده (مانند Notepad) است. شما میتوانید جاوا اسکریپت را مستقیماً در صفحات HTML خود اضافه کنید.
برای این کار، کد زیر را به فایل HTML خود اضافه کنید:
alert('سلام دنیا !')
کد بالا باید در تگ script قرار بگیرد.
در این مثال، وقتی صفحه باز میشود، یک پیغام (alert) با متن "سلام دنیا!" ظاهر میشود.
3. متغیرها در جاوا اسکریپت
در جاوا اسکریپت، از متغیرها برای ذخیره دادهها استفاده میشود. میتوانید با استفاده از کلمات کلیدی var، let و const متغیر تعریف کنید.
letبرای متغیرهایی که مقدارشان ممکن است تغییر کند، استفاده میشود.constبرای متغیرهای ثابت که مقدارشان نباید تغییر کند.varیک روش قدیمیتر برای تعریف متغیر است.
4. عملگرها و عبارات
عملگرها ابزارهایی هستند که برای انجام عملیات روی مقادیر و متغیرها استفاده میشوند. جاوا اسکریپت شامل عملگرهای ریاضی، مقایسهای و منطقی است.
- عملگرهای ریاضی:
+جمع-تفریق*ضرب/تقسیم
let a = 10;
let b = 5;
let result = a + b; // نتیجه 15 خواهد بود
5. توابع در جاوا اسکریپت
توابع مجموعهای از دستورات هستند که یک کار خاص را انجام میدهند. میتوانید یک تابع ایجاد کرده و بارها آن را در برنامه خود فراخوانی کنید.
تعریف یک تابع:
function greet() {
console.log("سلام!");
}
فراخوانی تابع:
greet(); // خروجی: سلام!
همچنین میتوانید به تابع ورودی دهید:
function greet(name) {
console.log("سلام، " + name + "!");
}
greet("علی"); // خروجی: سلام، علی!
6. شرطها (if و else)
برای ایجاد شرط در جاوا اسکریپت از دستور if و else استفاده میشود.
let age = 18;
if (age >= 18) {
console.log("شما میتوانید رای دهید.");
} else {
console.log("شما هنوز نمیتوانید رای دهید.");
}
7. حلقهها (for و while)
حلقهها برای اجرای مکرر یک بخش از کد تا زمانی که شرط خاصی برقرار باشد، استفاده میشوند.
- حلقه for:
for (let i = 0; i < 5; i++) {
console.log("عدد: " + i);
}
- حلقه while:
let i = 0;
while (i < 5) {
console.log("عدد: " + i);
i++;
}