ملخص لبعض الطرق لتحسين كفاءة تنفيذ جافا سكريبت

1. عند ربط السلاسل في متصفحات ذات إصدارات أقل (مثل IE6، IE7، وما إلى ذلك)، يكون استخدام طريقة الانضمام للمصفوفة أكثر كفاءة من استخدام علامة + للاتصال (مثل ['aaa'، 'bbb'، 'ccc'].join () أكثر كفاءة من 'aaa'+'bbb'+'ccc');

2. المصفوفة:

يعد البوب ​​أكثر كفاءة من التحول، والدفع أكثر كفاءة من عدم التحول. هذا مهم لتصميم بنية الكومة الثنائية. من الأفضل وضع العنصر الأكبر أو الأصغر في نهاية المصفوفة.

3. من الأفضل استخدام عمليات التحويل عند تقريب الأرقام:

1.1 >> 0;

4. استخدم الكميات المباشرة لإنشاء المصفوفة والكائن:

فار أ = [];

فار س = {};

5. لا تقم بتداخل العديد من مستويات الكائنات لتقليل عمليات البحث عن الكائنات:

لا تستخدم abcde، طريقة التصميم هذه تحصل على الكائن e.

6. القيمة المقابلة لقيمة المفتاح، مقارنة بحالة التبديل، تم اختبار القيمة المقابلة لقيمة المفتاح، أكثر كفاءة من حالة التبديل، بواسطة متصفحات مختلفة، يمكنك قراءة المقالة حول هذه المقارنة، تجربة جافا سكريبت الصغيرة؛

7. إذا كنت تستخدم jq، فهناك أيضًا مقارنة بين $('xxxx').empty().append('xxxxxx'); و$('xxxxx').html('xxxxx');، والنتيجة هي $ ('xxxx').empty().append('xxxxxxx'); يفوز، عنوان المقالة هو تجربة jQuery الصغيرة؛

8. حلقة

في جافا سكريبت، يمكننا استخدام ثلاث حلقات: for(;;), while(), and for(in). من بين هذه الحلقات الثلاث، for(in) غير فعالة للغاية لأنها تحتاج إلى الاستعلام عن مفتاح التجزئة طالما يمكن وينبغي استخدامه بأقل قدر ممكن. ينبغي القول أن أداء for(;;) و whileحلقة متكافئة بشكل أساسي (عند استخدامها في الاستخدام اليومي).

إذا تمت زيادة أو نقصان متغير حلقة، فلا تقم بتعيين قيمة لمتغير الحلقة وحده، استخدم عامل التشغيل المتداخل ++ أو -- عند قراءته آخر مرة.

إذا كنت تريد المقارنة مع طول المصفوفة، فيجب عليك وضع سمة طول المصفوفة في متغير محلي مسبقًا لتقليل عدد الاستعلامات.

9. المتغيرات المحلية والمتغيرات العالمية

سرعة الوصول للمتغيرات المحلية أسرع من المتغيرات العامة، لأن المتغيرات العامة هي في الواقع أعضاء في الكائن العام، بينما يتم وضع المتغيرات المحلية على حزمة الوظيفة.

10. لا تستخدم التقييم

إن استخدام التقييم يعادل استدعاء محرك الترجمة الفورية مرة أخرى لتشغيل المحتوى في وقت التشغيل، الأمر الذي يستغرق الكثير من الوقت. في الوقت الحالي، يمكن تنفيذ قوالب الوظائف باستخدام عمليات الإغلاق التي تدعمها JavaScript (للحصول على تفاصيل حول عمليات الإغلاق، يرجى الرجوع إلى المحتوى ذي الصلة بالبرمجة الوظيفية)؛

11. سلسلة التسلسل

إذا كنت تقوم بإلحاق سلسلة، فمن الأفضل استخدام العملية s+=anotherStr بدلاً من s=s+anotherStr؛

12. قم بتحويل الأرقام إلى سلاسل واستخدم "" + 1. على الرغم من أنها تبدو قبيحة بعض الشيء، إلا أنها في الواقع هي الأكثر كفاءة، من حيث الأداء:

("" +) > سلسلة () > .toString () > سلسلة جديدة ()

هذه المقالة في الواقع تشبه إلى حد ما "الكمية المباشرة" أدناه حاول استخدام العمليات الداخلية التي يمكن استخدامها في وقت الترجمة لتكون أسرع من عمليات المستخدم المستخدمة في وقت التشغيل.

String() هي وظيفة داخلية، لذا فهي سريعة جدًا، بينما يحتاج .toString() إلى الاستعلام عن الوظيفة في النموذج الأولي، لذلك لا يتم استخدام String() الجديد لإرجاع نسخة طبق الأصل بالسرعة نفسها.

13. تحويل أرقام الفاصلة العائمة إلى أعداد صحيحة هذا أكثر عرضة للخطأ، يحب العديد من الأشخاص استخدام parseInt(). في الواقع، يتم استخدام parseInt() لتحويل السلاسل إلى أرقام، وليس بين أرقام الفاصلة العائمة والأعداد الصحيحة Math.floor() أو Math.round().

14. عملية اجتياز السلسلة

لتنفيذ عمليات الحلقة على السلاسل، مثل الاستبدال والبحث، يجب استخدام التعبيرات العادية، لأن سرعة حلقة JavaScript نفسها بطيئة نسبيًا، وتشغيل التعبيرات العادية عبارة عن واجهة برمجة تطبيقات مكتوبة بلغة C، والأداء جيد جدًا ;

15. الموقت

إذا كنت تستهدف تعليمات برمجية تعمل باستمرار، فيجب ألا تستخدم setTimeout، بل setInterval. يحتاج setTimeout إلى إعادة ضبط المؤقت في كل مرة؛

جارٍ التحديث...، يرجى المتابعة!