مقدمة
يشير كلٌّ من ES5 وES6 إلى إصدارات مختلفة من معيار ECMAScript، وهو مواصفة لغة برمجة نصية تُشكّل أساسًا للعديد من اللغات، بما في ذلك JavaScript. وقد جلب التطور من ES5 إلى ES6 (المعروف أيضًا باسم ECMAScript 2015) العديد من التغييرات والتحسينات. إليك مقارنة بين الإصدارين:
دع .1 و const (إعلان المتغيرات)
ES5: الطريقة الرئيسية لتعريف المتغيرات هي استخدام فار لقد كان.
ES6: مقدمة يترك لتحديد المتغيرات القائمة على الكتلة و ثابت لتحديد المتغيرات الثابتة القائمة على الكتلة.
2. حرفيات القالب
ES5: السلاسل باستخدام + لقد كانا متصلين.
var name = "John";
var greeting = "Hello, " + name + "!";ES6: تم تقديم أنماط السلسلة.
let name = "John";
let greeting = `Hello, ${name}!`;وظائف السهم .3
ES5:
function(x) {
return x * x;
}ES6: تم تقديم وظائف السهم، مما يوفر تدوينًا أقصر لكتابة الوظائف.
x => x * x;
4. الفصول الدراسية
ES5: تم استخدام الميراث النموذجي لمحاكاة سلوك الفئات.
ES6: الكلمة الرئيسية فصل تم تقديمه للبرمجة الموجهة للكائنات.
5. تحسينات في الكائنات الحرفية
ES5: تم تعريف الكائنات بواسطة أزواج القيمة الرئيسية.
ES6: يوفر تدوينًا أقصر لتعريف الكائنات.
let name = "John";
let obj = {name}; // Equivalent to {name: name}6. التدمير
ES5: لم تكن هناك طريقة مباشرة.
ES6: من الممكن الآن استخراج خصائص متعددة من كائن أو مصفوفة بطريقة أكثر إيجازًا.
let person = { firstName: "John", lastName: "Doe" };
let { firstName, lastName } = person;7. القيم الافتراضية، الاستراحة والانتشار
ES5: تمت إدارة القيم الافتراضية أو الباقية أو المنتشرة يدويًا.
ES6: القيم الافتراضية لمعلمات الوظيفة، المعلمة ...استراحة لجمع الحجج والمشغل ...الانتشار تم تقديمه لتوسيع مجموعة أو كائن.
8. الوحدات
ES5: لم يكن هناك نظام وحدات أصلي. استخدم المطورون حلولاً خارجية مثل CommonJS أو AMD.
ES6: نظام الوحدة النمطية الأصلي باستخدام يستورد و يصدّر قدَّم.
9. الوعود
ES5: تم استخدام عمليات الاسترجاع للعمليات غير المتزامنة.
ES6: تم تقديم الوعود لإدارة العمليات غير المتزامنة بطريقة أكثر هيكلة.
10. حلقة for-of
ES5: لتكرار المصفوفات استخدم الحلقات. ل أو لكل لقد تم استخدامه.
ES6: جرس من أجل تم تقديمه للتكرار على الكائنات القابلة للتكرار.
مجموعة، خريطة، مجموعة ضعيفة، خريطة ضعيفة 11
ES5: ولم يكن هناك معادل مباشر.
ES6: تم تقديم هذه الأنواع من المجموعات لإدارة البيانات.
12. نوع الرمز
ES5: لم يكن هناك شيء من هذا القبيل.
ES6: يكتب رمز تم تقديمه لإنشاء معرفات فريدة.
13. طرق المصفوفة والكائنات
ES5: مجموعة محدودة من الأساليب.
ES6: طرق جديدة مثل مصفوفة من، مجموعة من، كائن.تعيين وتم تقديم العديد من الآخرين.
14. إدارة المعلمات
ES5: المعلمات باستخدام الكائن الحجج تم منح الوصول.
ES6: الدعم المباشر لإدارة المعلمات باستخدام استراحة، تقصير و الانتشار.
نتيجة
هذه مقارنة دقيقة. جلب الانتقال من ES5 إلى ES6 العديد من التغييرات والتحسينات التي أغنت لغة جافا سكريبت بشكل ملحوظ. مع مرور الوقت، أضافت الإصدارات اللاحقة (مثل ES7/ES2016 وما بعدها) المزيد من الميزات إلى اللغة.
