🚀 چگونه می توان خبرهایی را قابل درک ، مفید و به راحتی خواند

اشکال زدایی از طریق ورود به سیستم – این یک کلاسیک است. صرف نظر از سطح تجربه ، تقریباً هر توسعه دهنده در مقطعی می نویسد console.log("здесь")
برای درک آنچه در کد اتفاق می افتد.
اما اگر فقط کد را با سیاهههای مربوط به سیستم بدون سیستم پرتاب کنید ، آنها به سرعت تبدیل می شوند ورق بی فایدهکه در آن یافتن چیزی دشوار است.
🔍 مشکلات اصلی تدارکات استاندارد:
اسکن با چشم دشوار است ، همه چیز در یک متن یکنواخت ادغام می شود.
2 ⃣ جستجو توسط console.log
کمک می کند ، اما هنوز بدون زمینه دشوار استبشر
3⃣ برچسب های ساده ([INFO]
با [DEBUG]
) ذخیره نکنید – آنها نیز باید خوانده شوند.
👉 چگونه می توان debuglogs را قابل درک کرد؟ از رنگ ها ، ساختار و ایموجی ها استفاده کنید.
❌ طبق معمول آنها سیاهههای مربوط می نویسند (و چرا این درد است)
🔹 1. ورود به شماره ها (برای پیگیری دنباله)
console.log(111);
console.log(222);
console.log(333);
🔴 منهای: در حالی که به یاد می آورید که به معنای 222 است ، در حال حاضر فراموش خواهید کرد که چرا 111 را نوشتید.
🔹 2. سیاهههای “احساسی” (برای آسان تر به نظر می رسند)
console.log("WTF, почему оно null?");
🔴 منهای: فراموش کردن در مقابل کمیته آسان است. سپس به Timlid چرا در سیاههها توضیح دهید FATAL ERROR: oh shit
بشر
🔹 3. ورود به یک متغیر بدون تخصیص نشانگر
console.log(userData, "marker");
🔴 منهای: اگر سیاهههای مربوط به آن وجود داشته باشد ، پیدا کردن سریع این موضوع دشوار است.
✅ نحوه بهبود سیاههها: نشانگرهای بصری را اضافه کنید
مغز ما سریعتر درک می کند رنگ و نمادهااز متن تصمیم – از ایموجی ها در سیاهههای مربوط استفاده کنید.
🔹 نمونه ای از ایموجی های محبوب من برای سیاههها:
- 🐊 (تمساح) – به وضوح قابل مشاهده است ، برای چشم لذت بخش است.
- 🐓 (خروس) – در صورت نیاز به برداشت دو نقطه اشکال زدایی.
- 💣 (بمب) – مکان بالقوه اشکال.
- 🧪 (فلاسک) – داده های آزمون ، محاسبات متوسط.
👉 آرم مثال با ایموجی:
console.log("🐊 Fetching user data...");
console.log("🧪 User ID:", userId);
console.log("💣 Unexpected response format!", response);
✅ اکنون مکانهای مهم بلافاصله دیده می شود ، نیازی به خواندن کل متن نیستبشر
🤖 چگونه AI به ورود به سیستم بهتر کمک می کند
چنین سیاهه هایی را بنویسید به صورت دستی – این مدت زمان طولانی است.
بنابراین ، من استفاده می کنم هوش مصنوعی برای تولید سیاهههای مربوطهبشر
💡 تیمی که زندگی را ساده می کند:
add detailed debug logs with emoji. use console.group where applicable
آنچه AI انجام می دهد:
✔ گزارش های معنی دار را اضافه می کند، نه فقط console.log("here")
بشر
✔ ساختار نتیجه گیری از طریق console.group
→ می توانید سیاهههای مربوط به سیاهههای مربوط را در DevTools بچرخانید و گسترش دهید.
✔ سیاهههای حالات متوسط، نه فقط نتیجه نهایی.
📌 مثال: قبل و بعد از AI
❌ B به (بدون سیاههها ، مختصر ترین کد)
export const flow: FlowFn = (...fns: Array<PipeFunction<unknown, unknown>>): PipeFunction<unknown, unknown> => {
return (value) => fns.reduce((acc, fn) => fn(acc), value);
};
✅ بعد از (منطق + ایموجی + console.group
)
export const flow: FlowFn = (...fns: Array<PipeFunction<unknown, unknown>>): PipeFunction<unknown, unknown> => {
console.group('🌊 Flow Function');
console.log('📥 Received functions:', fns.length);
return (value) => {
console.group('🔄 Flow Execution');
console.log('🚀 Initial value:', value);
const result = fns.reduce((acc, fn, index) => {
console.log(`🔹 Step ${index + 1}:`);
console.log(' ⮕ Input:', acc);
const output = fn(acc);
console.log(' ⬅ Output:', output);
return output;
}, value);
console.log('🏁 Final result:', result);
console.groupEnd();
console.groupEnd();
return result;
};
};
🔥 اکنون:
- سیاهه ها گروه بندی شده، آنها به راحتی در devtools مست می شوند.
- نکات مهم ایموجی ها ذکر شده اند، و آنها بلافاصله قابل مشاهده استبشر
- ساده تر اشتباه پیدا کردن، چون
console.group
ساختار نتیجه گیری.
📌 جایی که چنین سیاهههای مربوط مناسب هستند ، اما کجا – نه؟
✅ مناسب برای اشکال زدایی (debug
-حالت)
- در صورت لزوم به سرعت نقاط کلیدی را در سیاهههای مربوط پیدا کنیدبشر
- اگر سیاههها خیلیو شما به یک روش مناسب برای فیلتر نیاز دارید.
🚫 برای سیاهههای مربوط به تولید مناسب نیست
- در گزارش های جنگی مهم است قالب سختبشر
- سیستم های اتوماتیک (مانند Logstash ، Elk) ممکن است از ایموجا پشتیبانی نکندبشر
- ورود به سیستم باید بخوانید و بدون عناصر بصریبشر
👉 تصمیم:
-
حالت اشکال زدایی → ما از ایموجی استفاده می کنیم و
console.group
بشر -
تولید → سختگیرانه
info/warn/error
بدون سر و صدای بصری وارد شوید.
🚀 نتیجه گیری: چگونه می توان گزارش ها را مفید کرد؟
✔ از ایموجی ها استفاده کنید tag برچسب های رنگی به سریع یافتن مکان های مناسب کمک می کنند.
✔ گروه از طریق console.group
→ تجزیه و تحلیل جریان داده ها راحت تر است.
✔ با هوش مصنوعی خودکار کنید → AI به ترتیب دادن سیاهههای مربوط به آنها کمک می کند تا واقعاً مفید باشند.
🔥 آن را امتحان کنید! و از چه ایموجی هایی در سیاهههای مربوط استفاده می کنید؟ 😎
🚀 اگر می خواهید درک کنید که چگونه AI می تواند در توسعه کمک کند – امضا ، ما با هم خواهیم فهمید! 💻 https://t.me/sqr_dev_moments