🛠 Devtools & Console – Community Dev

Devtools و کنسول ممکن است تمرینات سبک یا اهمیت کمتری داشته باشند ، اما در واقع برای اشکال زدایی و پیشرفت در دنیای واقعی بسیار مهم هستند.

🛠 DevTools & Console Highlights:

• console.log () ، console.warn () ، console.error () ، console.info برای پیام رسانی

• Console.Table () – برای تجسم آرایه ها/اشیاء بسیار مفید است

• Console.Group () و Console.GroupCollapsed () – برای سازماندهی سیاههها مفید است

• console.time () / console.timend () برای بررسی عملکرد

• console.assert () – فقط وقتی یک شرط نادرست باشد پرتاب می کند

• Console.Clear – کنسول را پاک می کند

این ابزارهای کوچک می توانند هنگام کار روی پروژه های بزرگتر ، ساعت ها اشکال زدایی را نجات دهند.

پیام رسانی:

console.log('hello');
console.warn("OH NOO!");
console.error('shot!');
console.info('We are born with only 2 natural fears: the fear of falling and the fear of loud sounds');

تجسم آرایه/اشیاء:

const dogs = [
{ name: "Snickers", age: 2 },
{ name: "Hugo", age: 8 },
{ name: "Butchi", age: 4 },
];
console.table(dogs)


سازماندهی سیاهههای مربوط:

const dogs = [
{ name: "Snickers", age: 2 },
{ name: "Hugo", age: 8 },
{ name: "Butchi", age: 4 },
];
dogs.forEach(dog => {
console.group($ {dog.name})
console.log(این $ {dog.name} است)
console.log($ {dog.name} $ {dog.age} سال است)
console.groupEnd($ {dog.name})
});


زمان:

console.time('fetching data');
fetch('https://api.github.com/users/obada-barakat')
.then(data => data.json())
.then(data => {
console.timeEnd('fetching data');
console.log(data)
})

.assert:

console.assert(1 === 2, 'That is wrong!');


کنسول را پاک کنید:
console.clear()

برای اطلاعات بیشتر می توانید تمام این نمونه ها را در GitHub من بررسی کنید: repo UBBA.

این ابزارها بسیار مهم و مفید هستند ، ابزارهای کاملاً بیشتری وجود دارد ، یک جستجوی سریع در MDN یا هر سیستم عامل دیگری اطلاعات بیشتری را ارائه می دهد.

با تشکر از خواندن!