البرمجة

JavaScript ES6+ الميزات الحديثة

12 ديسمبر 202510 دقائق قراءة
JavaScript ES6+ الميزات الحديثة

تعرف على أهم ميزات JavaScript الحديثة من ES6 وما بعدها.

const و let

استخدم const للقيم الثابتة و let للمتغيرة. تجنب var.

const PI = 3.14159;    // ثابت
let count = 0;         // متغير
count = 1;             // ✓ مسموح
PI = 3;                // ✗ خطأ

Arrow Functions

// قبل
const add = function(a, b) { return a + b; };

// ES6
const add = (a, b) => a + b;
const greet = name => `مرحباً ${name}`;

Destructuring

// Objects
const { name, age } = user;

// Arrays
const [first, second, ...rest] = numbers;

// Parameters
function greet({ name, greeting = "مرحباً" }) {
  return `${greeting} ${name}`;
}

Spread و Rest

// Spread
const merged = [...arr1, ...arr2];
const copy = { ...obj, newProp: value };

// Rest
function sum(...numbers) {
  return numbers.reduce((a, b) => a + b, 0);
}

الخلاصة

ES6+ يجعل JavaScript أنظف وأقوى. تعلم هذه الميزات لكتابة كود حديث.

الوسوم

#JavaScript#ES6#Modern JS#Frontend#أساسيات

مقالات ذات صلة