console

用于打印信息到控制台（console）。

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

{height=120}

• console.table()：以表格的形式显示数据（数组或对象）。

const students = [
  { name: "Alice", age: 20 },
  { name: "Bob", age: 21 },
];
console.table(students);

{height=130}

{height=120}

• 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();

{width=650}

• console.assert()：用于在表达式为 false 时输出错误消息。适合条件调试。

const isAdult = false;
console.assert(isAdult, "User is not an adult");

• console.trace()：打印当前调用栈信息，便于追踪代码的执行路径。

function foo() {
  console.trace("Trace example");
}

foo();

{width=300}

• console.time() 和 console.timeEnd()：用来计算代码执行的时间，适合性能测试和调试。

console.time("Timer");
for (let i = 0; i < 1000; i++) {
  // 模拟耗时操作
}
console.timeEnd("Timer"); // 输出时间

{width=200}

alert

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

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

{width=500}

document.write

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

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

print

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