الگوهای مدرن ES6 در جاوااسکریپت
جاوااسکریپت با معرفی استاندارد ES6 (ECMAScript 2015) تحولی عظیم در توسعه وب ایجاد کرد. این نسخه ویژگی‌های جدیدی ارائه داد که کدنویسی را ساده‌تر، خوانا‌تر و کارآمدتر می‌کند. در این مقاله به بررسی مهم‌ترین الگوهای مدرن ES6 می‌پردازیم.
متغیرها با let و const
در ES6 دو روش جدید برای تعریف متغیرها معرفی شد:
- let: برای متغیرهای قابل تغییر با محدوده بلوکی
- const: برای ثابت‌ها که پس از تعریف قابل تغییر نیستند
| نوع متغیر |
قابل تغییر |
محدوده |
| var |
بله |
تابعی |
| let |
بله |
بلوکی |
| const |
خیر |
بلوکی |
توابع Arrow
توابع Arrow یکی از محبوب‌ترین ویژگی‌های ES6 هستند که سینتکس کوتاه‌تر و رفتار متفاوتی نسبت به توابع معمولی دارند:
const sum = (a, b) => a + b;
console.log(sum(2, 3)); // خروجی: 5
مزایای توابع Arrow شامل:
- کدنویسی مختصرتر
- عدم ایجاد context جدید برای this
- امکان حذف پرانتز برای پارامترهای تکی
Template Literals
این ویژگی امکان ایجاد رشته‌های چندخطی و جایگذاری متغیرها را به سادگی فراهم می‌کند:
const name = "رضا";
const age = 30;
console.log(`نام: ${name}
سن: ${age}`);
Destructuring
این الگو امکان استخراج مقادیر از آرایه‌ها یا اشیا را به متغیرهای جداگانه فراهم می‌کند:
- Destructuring آرایه: const [first, second] = [1, 2]
- Destructuring شیء: const {name, age} = person
برای یادگیری عمیق‌تر درباره متدهای آرایه در جاوااسکریپت، می‌توانید اینجا را چک کنید.
کلاس‌ها در ES6
ES6 سینتکس ساده‌تری برای کار با اشیا و وراثت معرفی کرد:
class Person {
constructor(name) {
this.name = name;
}
greet() {
return `سلام، من ${this.name} هستم`;
}
}
این الگوهای مدرن نه تنها کدنویسی را ساده‌تر کرده‌اند، بلکه امکان ایجاد برنامه‌های پیچیده با ساختار منظم‌تر را فراهم می‌کنند.
