การทำงานกับคอนโซลใน JavaScript

เพื่อความสะดวกของโปรแกรมเมอร์ ในทุกเบราว์เซอร์มี แผงเครื่องมือสำหรับนักพัฒนา พิเศษ เพื่อเปิดแผงนี้ คุณต้องคลิกขวาในขณะที่อยู่บนหน้าเว็บไซต์ ที่ใดก็ได้ ในเมนูที่ปรากฏขึ้น คุณต้องเลือกรายการสุดท้าย (มันจะ เรียกว่า Inspect หรืออะไรที่คล้ายกัน)

ในแผงที่เปิดขึ้น คุณส่วนใหญ่จะ ใช้สองแท็บ: Elements และ Console ในแท็บแรก คุณสามารถรับข้อมูล เกี่ยวกับแท็กของหน้าเว็บได้ และในแท็บที่สอง - ข้อมูลดีบั๊ก ของ JavaScript

ลองมาทำความเข้าใจกับความสามารถของคอนโซลกัน

ด้วยคำสั่งพิเศษ console.log คุณสามารถในสคริปต์ของคุณ แสดงข้อมูลไปยังคอนโซลได้ สิ่งนี้ใช้สำหรับ ทำ ดีบัก โปรแกรม

ลองยกตัวอย่างอะไรสักอย่าง แสดงในคอนโซล:

console.log(123);

และตอนนี้ลองแสดงค่าของ ตัวแปร:

let num = 123;
console.log(num);

สามารถแสดงตัวแปรหลายตัว ตามลำดับได้:

let num1 = 123;
let num2 = 456;

console.log(num1);
console.log(num2);

สามารถแสดงตัวแปรหลายตัว ด้วยคำสั่งเดียว โดยเขียน ตัวแปรเหล่านี้คั่นด้วยเครื่องหมายจุลภาค:

let num1 = 123;
let num2 = 456;
console.log(num1, num2);

ให้ตัวแปรมา แสดงค่าในคอนโซล ของมัน

ให้ตัวแปรสามตัว แสดงค่าในคอนโซล ของพวกมัน