打印JS

在JavaScript中，打印是调试和输出信息的重要工具。在本文中，我们将介绍如何在控制台和文档中打印内容，以及一些常见的打印技巧。

console.log()

console.log()是JavaScript中最基本也是最常用的打印方法。它可以将内容输出到浏览器的控制台。

console.log("Hello World");

上述代码会将字符串"Hello World"输出到控制台中，其效果类似于:

Hello World

console.log()还可以一次输出多个值，并按照顺序将它们用空格隔开。

console.log("Hello", "World", "!");

上述代码的输出结果为:

Hello World !

当然，console.log()不仅仅只能输出字符串，它还可以打印任何类型的数据，比如数字、数组、对象等等。

let num = 42;
let arr = [1, 2, 3];
let obj = {name: "Tom", age: 18};

console.log(num, arr, obj);

上述代码的输出结果为:

42 [1, 2, 3] { name: "Tom", age: 18 }

document.write()

document.write()可以在页面中将内容动态输出到文档中。当我们调用这个方法时，它会将指定的字符串插入到当前文档中。

document.write("Hello World");

上述代码会将字符串"Hello World"插入到网页中。如果您在HTML页面中使用它，那么它将覆盖整个HTML文件。

alert()

alert()可以在浏览器中弹出一个警告框，并将我们指定的文本输出到其中。它通常用于在页面上打印错误或调试信息。

alert("This is an alert!");

上述代码会在浏览器中弹出一个警告框，其中包含文本"This is an alert!"。

console.table()

console.table()是将数据以表格的形式输出到控制台的方法。它可以非常方便地打印和查阅复杂数据。

let data = [
  { name: "Tom", age: 18 },
  { name: "Jerry", age: 20 },
  { name: "Lucy", age: 22 }
];

console.table(data);

上述代码的输出结果为:

┌─────────┬─────┬─────┐
│ (index) │ name │ age │
├─────────┼─────┼─────┤
│    0    │ 'Tom' │  18 │
│    1    │'Jerry'│  20 │
│    2    │'Lucy' │  22 │
└─────────┴─────┴─────┘

总结

本文介绍了JavaScript中打印的不同方法，包括console.log()、document.write()、alert()和console.table()。每种方法都有其独特的应用场景和优缺点，开发者需要结合实际情况来选择适合自己的打印方法。