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

Kayce Basques
Kayce Basques
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() ข้างต้น