# console

用于打印信息到控制台(console)。

  • console.log ():打印普通信息,用于一般调试。
  • console.info ():打印提示信息,一般用于提示性输出。
  • console.warn ():打印警告信息,通常用于显示非错误但需要注意的内容。
  • console.error ():打印错误信息,一般用于调试错误或异常情况。

  • console.table ():以表格的形式显示数据(数组或对象)。
const students = [
  { name: "Alice", age: 20 },
  { name: "Bob", age: 21 },
];
console.table(students);

  • console.dir ():显示对象的结构信息,适合查看 DOM 对象或嵌套对象。
const element = document.createElement("div");
console.dir(element);
  • console.group () 和 console.groupEnd ():将打印信息分组。
console.group("Group Example");
console.log("Message 1");
console.log("Message 2");
console.groupEnd();

  • console.assert ():用于在表达式为 false 时输出错误消息。适合条件调试。
const isAdult = false;
console.assert(isAdult, "User is not an adult");
  • console.trace ():打印当前调用栈信息,便于追踪代码的执行路径。
function foo() {
  console.trace("Trace example");
}
foo();

  • console.time () 和 console.timeEnd ():用来计算代码执行的时间,适合性能测试和调试。
console.time("Timer");
for (let i = 0; i < 1000; i++) {
  // 模拟耗时操作
}
console.timeEnd("Timer"); // 输出时间

# alert

alert () 会在页面上弹出一个提示框,通常用于简单的提示或调试,但不推荐在生产环境中使用。

alert("This is an alert message!");

# document.write

document.write () 会直接将内容写入页面,用于输出 HTML 内容,适合简单的页面测试,不建议在动态页面中使用。

document.write("<p>Hello, World!</p>");

# print

print () 在某些浏览器(如 Firefox)中可用,会打开(文档)打印对话框,但兼容性较低。