بقلم يوآب تشوا

1. Console.log

• إضافة لون إلى سجل وحدة التحكم الخاصة بك

توقف عن فعل هذا! ❌

جرب هذا بدلا من ذلك. ✅

ولكن إذا كان لديك مجموعة من الكائنات، فهل تجربة هذا سيكون أفضل؟

إذا كنت تريد قياس مدى سرعة تشغيل عمليات معينة في التعليمات البرمجية الخاصة بك، فجرّب ذلك.

قم بإجراء console.time وconsole.timeEnd لقياس الوقت المستغرق في وحدة تحكم المتصفح.
وأخيرًا، إذا كنت تريد تتبع التعليمات البرمجية الخاصة بك وتسلسل تنفيذها، فجرّب هذا.

ستتمكن من رؤية الكثير من المعلومات التي تحتاجها لتصحيح أخطاء تطبيقك.

2. إزالة هيكلة الكائن

هل حدث لك من قبل أنك تحتاج فقط إلى عدد قليل من المتغيرات في الكائن ولكن يتم تمرير الكائن بالكامل واستخدامه بهذه الطريقة التقليدية؟

هل تستخدم إعلان الكائن البشري بشكل متكرر في وظيفتك؟ لا تفعل هذا. استخدم إلغاء هيكلة كائن ES6 بدلاً من ذلك. ✅

قم بإلغاء هيكلة المتغيرات التي تحتاج إلى استخدامها في وسيطات الوظيفة. وبدلاً من ذلك، يمكنك إلغاء هيكلة الوظيفة نفسها.

3. القالب الحرفي

❌ لا تفعل هذا عندما تحاول تجميع متغيراتك باستخدام سلسلة.

افعل هذا بدلاً من ذلك. ✅

4. عامل الانتشار

لنفترض أن لديك كائنين وتريد دمجهما أو تعيين بعض خصائص كائن واحد إلى كائن آخر. تقليديا، سوف نقوم بذلك.

لا يوجد أي خطأ تقنيًا في ذلك، باستثناء أنك تقوم بالفعل بتغيير الكائن الخاص بك. جرب هذا بدلا من ذلك. ✅

أفضل شيء في عامل الانتشار هو أنه يعمل مع المصفوفة أيضًا. ?
بدلا من هذا.

افعل هذا بدلاً من ذلك.

5. الحلقات

هل أنت مذنب بالقيام بحلقة for بهذه الطريقة لحساب المبلغ الإجمالي للتكلفة في المصفوفة؟ توقف عن فعل هذا. ❌

ابدأ بتغيير أسلوبك إلى هذا بدلاً من ذلك.

نظيفة وهزيلة. تم إنجاز المهمة! ✅

ملخص

نأمل أن ترشدك هذه النصائح القليلة لكتابة تعليمات برمجية أفضل وأكثر وضوحًا وأصغر حجمًا.

برعاية مارس كود
مرحبًا بك للانضمام إلى Discord لمناقشة أفكارك معنا.

MarsCode يتبع

يوفر MarsCode بيئة تطوير متكاملة (IDE) مدعومة بالذكاء الاصطناعي وامتدادًا للذكاء الاصطناعي للمساعدة في مهام البرمجة الخاصة بك.