الكل يعرف اهمية الويب كونصول في عدة برمجيات وعملية تصحيح الاخطاء وتجربة البرمجيات هل تطبيقك يعمل بشكل جيد او تشوبه عدة اخطاء في هذه التدوين سنتعرف على اقصى استخدامات console.log وما هي معاملات الكونصول
الاستعلام المعروف لذا جميع المطورين هو :
const guercifzone = 'morocco';
console.log('i love $[guercifzone]');
بالتاكيد يعطيك فط رسالة استبيانية لعدة استعلامات داخل التطبيق وقد لا يكون دقيق في الاجابة عن تجربة الخطأ كان احد الاستعلامات للجافا سكربت انا كانت رسالة الخطـا تضهر في html dom لهذا كنت مضطر الى البحث والحصول على استعلامات دقيقة عن تواجد المشكلة وطريقة حلها بشكل اسرع ومعرفة هذه الاخيرة يوفر الكثير من الوقت حتى لا اطيل عليكم ساباشر بتعرفكم باهمها وطريقة استغلال الكونصول لاقصى حد
لاضافة نمط الستايل
-%o / %O = obj
-%d / %i = int
-%s = string
%f = floiting point numbers
لاضافة رسالة على شكل معلومة
console.info('this is information msg ');
لاضافة رسالة على شكل تنبيه امني
console.warn('this is warning msg ');
لاضهار رسالة الخطأ فقط وليس عيوب في التحديث او في المترجمات مع بعض الاوامر الجديدة
console.error('this is Error msg ');
هذه الطريقة تساعد كثيرا على تتبع حالة الفانكشن واين هو الخطأ الرياضي
function a() {
b();
}
function b() {
console.trace();
}
function trace() {
a();
}
trace();
هذه الخاصية تسمح لك بترتيب الرسائل داخل مجموعات للاستئصال الخطأ بشكل ادق وحصر المشكل البرمجي
console.group('alphbetique');
console.log('A');
console.log('B');
console.log('C');
console.group('Number');
console.log('1');
console.log('2');
console.log('3');
console.groupEnd('alphbetique');
console.groupEnd('Number');
لاضافة مقارنة بين استعلام او عدة استعلامات متوفرة في نسخ الحديثة وبعض نسخ اللنكس لا تعمل عن تجربة
const A = 20 ;
console.assert(A === 20 . 'this is true');
console.assert(A === 21 . 'this is false');
العد في الكونصول
function count(label) {
console.count(label);
}
count('one');
count('two');
count('two');
count('one');
count('one');
هنا يمكن اعادة التعيين في حالة العد
console.count();
console.count();
console.countReset();
console.count();
console.count('time');
console.count('time');
console.countReset('time');
console.count('time');
هنا مستخرج للتعبير الاستعلامي عن الكائن obj
const obj = {
name : 'user name',
email : 'exemple@guercifzone.com',
phone : '0234354552'
};
console.log(obj);
هنا امر مفيذ جدا اثناء التعامل مع بيانات بعيدة على شاكلة xml
<div class = "test">
<span>
<button>click me</button>
</span>
</div>
<scrpt>
console.dirxml(document.querySelector('.test'));
</scrpt>
اذا ما كنت تريد حساب حاجز الوقت
function a() {
for (let i = 0 ; i < 10; i++){
}
}
function b() {
for (let i = 0 ; i < 10000; i++){
}
}
console.time();
a();
console.timeEnd();
console.time();
b();
console.timeEnd();
يمكن ايضاالتعبير الاستعلامي للكائن على شكل جدول
const obj = {
name : 'user name',
email : 'exemple@guercifzone.com',
phone : '0234354552'
};
console.table(obj);
هذه الخاصية تعمل فقط مع بعض الضوابط يمكن تشغيلها وانهائها
console.profile('this is profile');
console.profileEnd('this is ending profile');
واخيرا لتنظيف الكونصول نضع الامر التالي
console.clear();
انتها بفضل الله
0 تعليقات