ما بعد console.log
استخدموا table وgroup وwarn وerror وassert.
ما بعد console.log درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 4 دروس في المجموع.
أكثر من log
يوفر الكائن console دوال كثيرة تتجاوز console.log. وتعبّر كل دالة عن غرض مختلف، كما يمكنها عرض النتائج بطرق مفيدة.
console.log("plain message")
console.info("informational")console.warn
تصدر console.warn تحذيرًا. ويظهر التحذير في المتصفح مع تمييز أصفر، مما يشير إلى مشكلة غير قاتلة تستحق الانتباه.
console.warn("This API is deprecated")console.error
تبلغ console.error عن خطأ. ويُعرض الخطأ بتنسيق مميز، كما يتضمن في المتصفحات تتبعًا للمكدس يساعد على تحديد موضع المشكلة.
console.error("Failed to load data")console.info وdebug
تعمل console.info وconsole.debug مثل log، لكنهما تعبّران عن مستوى الخطورة. ويمكن للأدوات تصفية الرسائل وفق هذه المستويات.
console.info("Server started")
console.debug("Cache size is 42")console.table
تعرض console.table المصفوفات والكائنات في جدول منسق، مما يجعل فحص البيانات المنظمة أسهل بكثير من عرضها في سجل عادي.
const users = [
{ name: "Ann", age: 30 },
{ name: "Bob", age: 25 }
]
console.table(users)console.group
تبدأ console.group قسمًا ذا مسافة بادئة وقابلًا للطي. وتُدرج الرسائل المسجلة بعدها داخل هذا القسم حتى تستدعي console.groupEnd.
console.group("User details")
console.log("Name: Ann")
console.log("Age: 30")
console.groupEnd()المجموعات المتداخلة
يمكن تداخل المجموعات داخل بعضها لمحاكاة تسلسل هرمي، بحيث يضيف كل مستوى مسافة بادئة أكبر.
console.group("Order")
console.log("id: 1")
console.group("Items")
console.log("Book")
console.groupEnd()
console.groupEnd()console.assert
تسجل console.assert خطأً فقط عندما تكون وسيطتها الأولى قيمة زائفة. وهي طريقة سريعة للإشارة إلى افتراضات غير صحيحة دون إيقاف التنفيذ.
const total = 10
console.assert(total > 0, "total should be positive")
console.assert(total > 100, "total is unexpectedly small")console.count
تتتبع console.count عدد مرات تنفيذ سطر يحمل تسمية معينة، مما يفيد في اكتشاف الاستدعاءات المتكررة بصورة غير متوقعة.
function ping() {
console.count("ping")
}
ping()
ping()
ping()console.time
تقيس console.time وconsole.timeEnd المدة التي تستغرقها كتلة من التعليمات البرمجية، وتطبعان الزمن المنقضي باستخدام تسمية متطابقة.
console.time("loop")
let sum = 0
for (let i = 0; i < 1000; i++) { sum += i }
console.timeEnd("loop")اختيار الدالة المناسبة
استخدم warn وerror للمشكلات، وtable للبيانات المنظمة، وgroup لتنظيم السجلات المرتبطة، وassert للتحقق من الافتراضات. ويسرّع التسجيل الواضح عملية تصحيح الأخطاء.
console.warn("low memory")
console.table([{ id: 1 }, { id: 2 }])اختبار سريع
اختبر معرفتك بدوال console.
مراجعة
مراجعة: يحتوي console على دوال غنية تتجاوز log.
- يشير warn وerror إلى مستوى الخطورة
- يعرض table البيانات المنظمة
- ينظم group السجلات المتداخلة
- يشير assert إلى الشروط غير المحققة
console.table([{ a: 1 }, { a: 2 }])
console.warn("done")الأسئلة الشائعة
هل درس «ما بعد console.log» مجاني؟
نعم — نص درس «ما بعد console.log» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 4 دروس في المجموع.
ماذا ستتعلم في «ما بعد console.log»؟
استخدموا table وgroup وwarn وerror وassert. تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟
لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «ما بعد console.log»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟
نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- ما بعد console.log
- تعيين نقاط التوقف
- التنقل خطوة بخطوة في التعليمات البرمجية
- قراءة تتبعات مكدس الاستدعاءات