بالنسبة للأشخاص مثلي الذين لم يتعلموا جافا سكريبت بشكل منهجي في البداية، كان الشعور الأول عندما رأيت الشيء هو الإثارة - لم أعد مضطرًا إلى كتابة "element.style.xxx = ..." بشكل متكرر، أحتاج فقط إلى
العرض نسخة عادية إلى الحافظة؟
مع (element.style) {
xxx = ...;
س س = ...;
...
}
مع (element.style) {
xxx = ...;
س س = ...;
...
}ولكن باعتبارها لغة مفسرة، تحتاج JavaScript إلى تحديد xxx/yyy في وقت التشغيل. لكل اسم (ليس مخصصًا فقط، ولكن أيضًا قراءة المتغيرات!) سيبحث أولاً عن خصائص الكائن بين قوسين، ثم المتغيرات المحلية، وأخيرًا المتغيرات العامة. قبل انتشار أجهزة جافا سكريبت الافتراضية وتقنية JIT، كان هذا النوع من مشكلات الأداء يتطلب اهتمامًا كبيرًا.
الطريقة الصحيحة هي إنشاء ذاكرة تخزين مؤقت متغيرة محلية لـ element.style:
هل تريد عرض نسخة عادية على الحافظة؟
vares = element.style;
es.xxx = ...;
es.yyy = ...;
...
var es = element.style;
es.xxx = ...;
es.yyy = ...;
...لا يؤدي هذا إلى تقليل حجم الكود نسبيًا فحسب، بل يؤدي أيضًا إلى أداء أفضل بكثير من element.style.xxx = ....