เอกสารอ้างอิง API ของคอนโซล

Sofia Emelianova
Sofia Emelianova

ใช้ Console API เพื่อเขียนข้อความไปยังคอนโซลจาก JavaScript โปรดดูที่เริ่มต้นใช้งาน บันทึกข้อความไปยัง Console สำหรับการแนะนำหัวข้อแบบอินเทอร์แอกทีฟ

โปรดดูข้อมูลอ้างอิง API ยูทิลิตีของ Console หากคุณกำลังมองหาวิธีการอำนวยความสะดวก เช่น debug(function) หรือ monitorEvents(node) ซึ่งพร้อมใช้งานจากคอนโซลเท่านั้น

Console.assert(นิพจน์, วัตถุ)

ระดับการบันทึก: Error

เขียนข้อผิดพลาดไปยังคอนโซลเมื่อ expression ประเมินค่าเป็น false

const x = 5;
const y = 3;
const reason = 'x is expected to be less than y';
console.assert(x < y, {x, y, reason});

ผลลัพธ์ของตัวอย่าง console.assert() ข้างต้น

console.clear()

ล้างคอนโซล

console.clear();

หากเปิดใช้เก็บบันทึก ระบบจะปิดใช้ console.clear()

หรือคุณสามารถล้างคอนโซลได้โดยคลิกไอคอน ALT_TEXT_HERE

console.count([label])

ระดับการบันทึก: Info

เขียนจำนวนครั้งที่มีการเรียกใช้ count() ในบรรทัดเดียวกันและมีค่าเท่ากัน label โทร console.countReset([label]) เพื่อรีเซ็ตจำนวน

console.count();
console.count('coffee');
console.count();
console.count();

ผลลัพธ์ของตัวอย่างคอนโซล.count() ข้างต้น

console.countReset([label])

รีเซ็ตการนับ

console.countReset();
console.countReset('coffee');

console.createTask(name)

แสดงผลอินสแตนซ์ Task ที่เชื่อมโยงสแต็กเทรซปัจจุบันกับออบเจ็กต์ task ที่สร้างขึ้น คุณสามารถใช้ออบเจ็กต์ task นี้เพื่อเรียกใช้ฟังก์ชันในภายหลัง (f ในตัวอย่างต่อไปนี้) task.run(f) จะดำเนินการเพย์โหลดที่กำหนดเองและส่งต่อค่าที่ส่งคืนกลับไปยังผู้โทร

// Task creation
const task = console.createTask(name);

// Task execution
task.run(f); // instead of f();

task จะสร้างลิงก์ระหว่างบริบทการสร้างและบริบทของฟังก์ชันอะซิงโครนัส ลิงก์นี้จะช่วยให้เครื่องมือสำหรับนักพัฒนาเว็บแสดงสแต็กเทรซที่ดีขึ้นสำหรับการดำเนินการแบบไม่พร้อมกัน สำหรับข้อมูลเพิ่มเติม โปรดดูสแต็กเทรซที่ลิงก์

Console.debug(ออบเจ็กต์ [, ออบเจ็กต์, ...])

ระดับการบันทึก: Verbose

เหมือนกันกับ console.log(object [, object, ...]) ยกเว้นระดับการบันทึกที่ต่างกัน

console.debug('debug');

ผลลัพธ์ของตัวอย่างconsole.debug() ด้านบน

console.dir(object)

ระดับการบันทึก: Info

พิมพ์การแสดงแทน JSON ของออบเจ็กต์ที่ระบุ

console.dir(document.head);

ผลลัพธ์ของตัวอย่างconsole.dir() ด้านบน

console.dirxml(node)

ระดับการบันทึก: Info

พิมพ์การแสดง XML ขององค์ประกอบสืบทอดของ node

console.dirxml(document);

ผลลัพธ์ของตัวอย่าง Console.dirxml() ด้านบน

Console.error(object [, ออบเจ็กต์, ...])

ระดับการบันทึก: Error

พิมพ์ object ไปยังคอนโซล ซึ่งจัดรูปแบบเป็นข้อผิดพลาด และมีสแต็กเทรซ

console.error("I'm sorry, Dave. I'm afraid I can't do that.");

ผลลัพธ์ของตัวอย่าง Console.error() ข้างต้น

console.group(label)

จัดกลุ่มข้อความเข้าด้วยกันเป็นภาพจนกว่าจะมีการเรียกใช้ console.groupEnd(label) ใช้ console.groupCollapsed(label) เพื่อยุบกลุ่มเมื่อเข้าสู่ระบบคอนโซลในครั้งแรก

const label = 'Adolescent Irradiated Espionage Tortoises';
console.group(label);
console.info('Leo');
console.info('Mike');
console.info('Don');
console.info('Raph');
console.groupEnd(label);

ผลลัพธ์ของตัวอย่าง console.group() ข้างต้น

นอกจากนี้คุณยังซ้อนกลุ่มได้อีกด้วย

const timeline1 = 'New York 2012';
const timeline2 = 'Camp Lehigh 1970';
console.group(timeline1);
console.info('Mind');
console.info('Time');
console.group(timeline2);
console.info('Space');
console.info('Extra Pym Particles');
console.groupEnd(timeline2);
console.groupEnd(timeline1);

กลุ่มที่ซ้อนกัน

console.groupCollapsed(label)

เหมือนกับ console.group(label) ยกเว้นกลุ่มจะยุบในตอนแรกเมื่อเข้าสู่ระบบ คอนโซล

console.groupEnd(label)

หยุดการจัดกลุ่มข้อความเป็นภาพ โปรดดู console.group

Console.info(ออบเจ็กต์ [, ออบเจ็กต์, ...])

ระดับการบันทึก: Info

เหมือนกับ console.log(object [, object, ...])

console.info('info');

ผลลัพธ์ของตัวอย่างconsole.info() ด้านบน

Console.log(ออบเจ็กต์ [, ออบเจ็กต์, ...])

ระดับการบันทึก: Info

พิมพ์ข้อความไปยังคอนโซล

console.log('log');

ผลลัพธ์ของตัวอย่าง console.log() ข้างต้น

Console.table(อาร์เรย์ [, คอลัมน์])

ระดับการบันทึก: Info

บันทึกอาร์เรย์ของออบเจ็กต์เป็นตาราง

var people = [
  {
    first: 'René',
    last: 'Magritte',
  },
  {
    first: 'Chaim',
    last: 'Soutine',
    birthday: '18930113',
  },
  {
    first: 'Henri',
    last: 'Matisse',
  }
];
console.table(people);

ผลลัพธ์ของตัวอย่างconsole.table() ด้านบน

โดยค่าเริ่มต้น console.table() จะบันทึกข้อมูลทั้งหมดในตาราง หากต้องการแสดงคอลัมน์เดียวหรือชุดย่อยของคอลัมน์ คุณสามารถใช้พารามิเตอร์ที่ไม่บังคับรายการที่ 2 และระบุชื่อคอลัมน์หรือชื่อเป็นสตริงหรืออาร์เรย์ของสตริง เช่น

console.table(people, ['last', 'birthday']);

ชุดย่อยของคอลัมน์ในตารางซึ่งบันทึกด้วย console.table()

console.time([label])

เริ่มตัวจับเวลาใหม่ โทรหา console.timeEnd([label]) เพื่อหยุดตัวจับเวลาและพิมพ์เวลาที่ผ่านไปเพื่อ คอนโซล

console.time();
for (var i = 0; i < 100000; i++) {
  let square = i ** 2;
}
console.timeEnd();

ผลลัพธ์ของตัวอย่างconsole.time() ข้างต้น

console.timeEnd([label])

ระดับการบันทึก: Info

หยุดตัวจับเวลา โปรดดู console.time()

console.trace()

ระดับการบันทึก: Info

พิมพ์สแต็กเทรซไปยังคอนโซล

const first = () => { second(); };
const second = () => { third(); };
const third = () => { fourth(); };
const fourth = () => { console.trace(); };
first();

ผลลัพธ์ของตัวอย่าง Console.trace() ข้างต้น

Console.warn(ออบเจ็กต์ [, ออบเจ็กต์, ...])

ระดับการบันทึก: Warning

พิมพ์คำเตือนไปยังคอนโซล

console.warn('warn');

ผลจากตัวอย่าง console.warn() ข้างต้น