Konsolda debug qilish
Konsoldan professional kabi foydalanish
Brauzer konsoli JavaScript-ni boshlayotganlar uchun eng muhim debug vositasidir.
Agar siz konsoldan qanday qilib to‘g‘ri foydalanishni o‘rgansangiz, xatolarni tezroq topasiz va kodingizni yaxshiroq tushunasiz.
Konsolni qanday ochish kerak
Chrome yoki Edge-da konsolni quyidagicha oching:
- Sahifaning istalgan joyida sichqonchaning o‘ng tugmasini bosing
- Click Inspect
- Console yorlig‘ini bosing
Konsol JavaScript-da kodingizdagi xatolar, ogohlantirishlar va xabarlarni ko‘rsatadigan joy.
Yangi JavaScript kodini sinab ko‘rayotganda konsolni doim ochiq tuting.
console.log()
Eng keng tarqalgan konsol usuli - console.log() .
Undan qiymatlarni chop etish va dasturingiz nima qilayotganini ko‘rish uchun foydalaning.
Misollar
Xabarni chop eting:
console.log("Hello from JavaScript!");
O‘zingiz sinab ko‘ring »
Print variables:
let name = "John";
let age = 25;
console.log(name);
console.log(age);
O‘zingiz sinab ko‘ring »
console.warn()
Ogohlantirishlarni ko‘rsatish uchun console.warn()’dan foydalaning.
Ogohlantirishlar sizga nimadir noto‘g‘ri bo‘lishi mumkinligini aytadi, ammo kodingiz hali ham ishlashi mumkin.
console.error()
Xato xabarlarini ko‘rsatish uchun console.error()’dan foydalaning.
Xatolar biror narsa muvaffaqiyatsiz bo‘lganligini ko‘rsatadi.
Bir nechta qiymatni konsolga chiqarish
Siz bir vaqtning o‘zida bir nechta qiymatlarni kiritishingiz mumkin.
Misol
Multiple values:
let x = 10;
let y = 5;
console.log("x =", x, "y =", y);
O‘zingiz sinab ko‘ring »
Obyektlarni tekshirish
Konsol obyektlarni tekshirish uchun juda foydali.
Misol
Obyektni konsolga chiqarish:
let user = {name: "John", age: 25};
console.log(user);
O‘zingiz sinab ko‘ring »
console.table()
Ma’lumotlarni jadval ko‘rinishida ko‘rsatish uchun console.table()’dan foydalaning.
Misol
Table output:
let users = [
{name: "John", age: 25},
{name: "Anna", age: 30}
];
console.table(users);
O‘zingiz sinab ko‘ring »
Debug qilish bo‘yicha maslahat: taxmin qilishni to‘xtating
Yangi boshlanuvchilar ko‘pincha qiymat nima ekanligini taxmin qilishadi.
Professionallar qiymatni qayd qiladi va tasdiqlaydi.
Agar sizning kodingiz ishlamasa, taxmin qilmang.
Use console.log().
Keyingi: to‘xtash nuqtalari, kuzatish, ko‘rinish doirasi
Jurnalga yozish kuchli, lekin ba’zida kod bajarilishini to‘xtatib turishingiz kerak bo‘ladi.
Keyingi sahifa: To‘xtash nuqtalaridan qanday foydalanishni o‘rganing, kod orqali qadam qo‘ying va o‘zgaruvchilarni jonli tomosha qiling.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!