MohirDox

Ko'rinishi

JavaScript Debugging Console (Konsol bilan ishlash) ​

Professional darajada konsol ​

Brauzer konsoli — JavaScript boshlang'ichlari uchun eng muhim debugging vositasidir. Konsolni to'g'ri ishlatishni o'rganganingizda, xatolarni tezroq topasiz va kodingizni yaxshiroq tushunasiz.

Konsolni qanday ochish ​

Chrome yoki Edge-da konsolni quyidagicha oching:

  1. Sahifaning istalgan joyida sichqonchaning o'ng tugmasini bosing
  2. Inspect ni bosing
  3. Console tabini bosing

Eslatma

Konsol — bu JavaScript xatolar, ogohlantirishlar va kodingizdan xabarlarni ko'rsatadigan joy. Yangi JavaScript kodini sinayotganda har doim konsolni ochiq tuting.

console.log() ​

Eng keng tarqalgan konsol metodi console.log(). Qiymatlarni chop etish va dasturingiz nima qilayotganini ko'rish uchun ishlating.

js
console.log("Hello from JavaScript!");

O'zgaruvchilarni chop etish:

js
let name = "John";
let age = 25;

console.log(name);
console.log(age);

console.warn() ​

Ogohlantirishlarni ko'rsatish uchun console.warn() dan foydalaning. Ogohlantirishlar biror narsa noto'g'ri bo'lishi mumkinligini bildiradi, lekin kodingiz hali ham ishlashi mumkin.

js
console.warn("Bu ogohlantirish!");

Eslatma

Dasturingizda shubhali narsani ta'kidlashni xohlaganingizda ogohlantirishlardan foydalaning.

console.error() ​

Xato xabarlarini ko'rsatish uchun console.error() dan foydalaning. Xatolar biror narsa muvaffaqiyatsiz bo'lganini ko'rsatadi.

js
console.error("Biror narsa noto'g'ri ketdi!");

Bir nechta qiymatni loglash ​

Bir vaqtning o'zida bir nechta qiymatni loglash mumkin:

js
let x = 10;
let y = 5;

console.log("x =", x, "y =", y);

Obyektlarni tekshirish ​

Konsol obyektlarni tekshirish uchun juda foydali:

js
let user = {name: "John", age: 25};

console.log(user);

Eslatma

Konsolda obyektni bosib kengaytirishingiz va uning xususiyatlarini ko'rishingiz mumkin.

console.table() ​

Ma'lumotlarni jadval formatida ko'rsatish uchun console.table() dan foydalaning:

js
let users = [
  {name: "John", age: 25},
  {name: "Anna", age: 30}
];

console.table(users);

Eslatma

Jadvallar obyektlar massivlarini debug qilishni ancha osonlashtiradi.

Debugging maslahati: Taxmin qilishni to'xtating ​

Boshlang'ichlar ko'pincha qiymat nima ekanligini taxmin qiladilar. Professionallar qiymatni loglaydi va tasdiqlaydilar.

Ogohlantirish

Agar kodingiz ishlamayotgan bo'lsa, taxmin qilmang. console.log() dan foydalaning.