ترفندهای کنسول JavaScript هر یک را باید بداند

در console شیء در جاوا اسکریپت بیش از آن است console.log()بشر بیایید برخی از ترفندهای قدرتمندی را که باید از آن استفاده کند – با خروجی های واقعی کشف کنیم!

1. انواع مختلف سیاههها

console.log("General log");
console.info("Informational message");
console.warn("Warning alert");
console.error("Something went wrong!");

🖥 خروجی:

• ✅ console.log: متن سفید منظم
• ℹ console.info: نماد اطلاعات آبی (وابسته به مرورگر)
• ⚠ console.warn: هشدار زرد با نماد مثلث
• ❌ console.error: خطای قرمز با یک نماد متقاطع

2. console.table()

const users = [
  { name: "Prachi", role: "Dev" },
  { name: "Raj", role: "Tester" }
];
console.table(users);

🖥 خروجی:

خیلی تمیز و قابل خواندن!

3. console.time() با console.timeEnd()

console.time("loadData");
for (let i = 0; i < 1000000; i++) {}
console.timeEnd("loadData");

🖥 خروجی:

loadData: 4.56ms

(تعداد بسته به عملکرد متفاوت خواهد بود.)

4 console.trace()

function first() {
  second();
}
function second() {
  third();
}
function third() {
  console.trace("Stack trace");
}
first();

🖥 خروجی:

Stack trace
    at third (...)
    at second (...)
    at first (...)

پشته تماس کامل را برای اشکال زدایی جریان تماس به شما می دهد

5. console.group() با console.groupEnd()

console.group("User Details");
console.log("Name: Prachi");
console.log("Role: Backend Dev");
console.groupEnd();

🖥 خروجی:

▶ User Details
   Name: Prachi
   Role: Backend Dev

(قابل جمع شدن در کنسول مرورگر!)

6. console.assert()

const isLoggedIn = false;
console.assert(isLoggedIn, "❌ User is not logged in!");

🖥 خروجی:

Assertion failed: ❌ User is not logged in!

(در صورت صحت این شرط ، خروجی وجود ندارد.)

7. console.clear()

console.clear();

🖥 خروجی:

👉 کنسول فوراً پاک می شود (poof! ✨)

🌟 کلمات نهایی

کنسول فقط برای ریختن داده ها نیست – این ابزار قدرتمند برای کمک به شما برای اشکال زدایی باهوش تر ، نه سخت تر. این ترفندها را در پروژه بعدی خود امتحان کنید ، و مانند یک جادوگر کنسول واقعی احساس خواهید کرد 🧙‍♀