مرحبًا عشاق جافا سكريبت! تتناول هذه المقالة أحدث وأكبر الميزات في لغة البرمجة النصية المحبوبة لدينا، JavaScript. سواء كنت مطورًا متمرسًا أو مجرد غمس أصابع قدميك في البرمجة، فمن المؤكد أن هذه التحديثات ستعزز تجربتك. دعنا ننتقل إلى أهم ميزات JavaScript التي يمكنك البدء في استخدامها اليوم!

1. التسلسل الاختياري

لا مزيد من السلاسل الطويلة للوصول إلى الممتلكات مع الشيكات الفارغة! يتيح لك التسلسل الاختياري الوصول بأمان إلى الخصائص المتداخلة بعمق.

const user = { profile: { bio: { name: 'Jane Doe' } } };
console.log(user?.profile?.bio?.name); // Outputs: Jane Doe

2. عامل الدمج الفارغ

تجنب تلك القيم الفارغة أو غير المحددة المزعجة باستخدام عامل الدمج الفارغ (؟؟). فهو يتيح لك تعيين القيم الافتراضية فقط إذا كان الجانب الأيسر خاليًا أو غير محدد.

const userInput = null;
const username = userInput ?? 'Guest';
console.log(username); // Outputs: Guest

3. بيجينت

لم يكن التعامل مع الأعداد الصحيحة الكبيرة في JavaScript أسهل من أي وقت مضى. يتيح لك BigInt العمل مع أرقام أكبر من الحد الأقصى الآمن لنوع الرقم.

const bigNumber = 9007199254740991n   1n;
console.log(bigNumber); // Outputs: 9007199254740992n

4. الاستيراد الديناميكي

تحميل الوحدات ديناميكيًا في وقت التشغيل باستخدام الواردات الديناميكية، مما يساعد على تحسين أوقات التحميل والموارد.

if (condition) {
  import('./module.js').then((module) => {
    module.default();
  });
}

5. الوعد. تم تسوية كل شيء

التعامل مع الوعود المتعددة والحصول على نتائج كل وعد، بغض النظر عما إذا تم الوفاء بها أو رفضها.

const promises = [fetch('/api'), fetch('/other-api')];
Promise.allSettled(promises).then((results) =>
  results.forEach((result) => console.log(result.status))
);

6. حقول الطبقة الخاصة

حافظ على خصوصية الفصل الداخلي الخاص بك باستخدام حقول الفصل الخاصة. لا يمكن الوصول إليها إلا داخل الفصل الدراسي.

class MyClass {
  #privateField = 42;

  getPrivateField() {
    return this.#privateField;
  }
}

const myInstance = new MyClass();
console.log(myInstance.getPrivateField()); // Outputs: 42

7. مشغلي التعيين المنطقي

دمج العوامل المنطقية مع المهمة في صيغة أقصر وأكثر قابلية للقراءة.

let a = 0;
a ||= 1; // a becomes 1 if it's falsy
console.log(a); // Outputs: 1

8.String.prototype.replaceAll

استبدال جميع تكرارات سلسلة فرعية في سلسلة بسهولة باستبدال الكل.

const text = 'Hello World! Hello Universe!';
const newText = text.replaceAll('Hello', 'Hi');
console.log(newText); // Outputs: Hi World! Hi Universe!

9. مراجع ضعيفة

إنشاء مراجع ضعيفة للكائنات، مما يمنع تجميع البيانات المهملة.

let obj = { data: 'important' };
const weakRef = new WeakRef(obj);
obj = null; // obj can now be garbage-collected

10. المستوى الأعلى في انتظارك

استخدم الكلمة الأساسية "انتظار" في المستوى الأعلى من وحداتك، مما يؤدي إلى تبسيط التعليمات البرمجية غير المتزامنة.

const data = await fetch('/api').then((res) => res.json());
console.log(data);

التفاف

يبدو عام 2024 مشرقًا لمطوري JavaScript! باستخدام هذه الميزات الجديدة، ستكتب تعليمات برمجية أكثر وضوحًا وكفاءة وقابلية للقراءة. لذا قم بتحديث أدواتك وابدأ في استكشاف هذه التحديثات الرائعة في تطوير الويب.

استمر في البرمجة والاستمتاع! حتى المرة القادمة، برمجة سعيدة! ?