JavaScript 中的输出数据多种方式

JavaScript 中的输出数据多种方式，下面介绍几种常用方式：

console.log()

console.log() 是在浏览器控制台输出信息的最常用方式之一，可以输出字符串、数字、布尔值等，也可以输出对象或数组。示例如下：

console.log('Hello, World!');  // 输出字符串
console.log(123);  // 输出数字
console.log(true);  // 输出布尔值
console.log({name: 'Tom', age: 18}); // 输出对象
console.log(['apple', 'banana', 'orange']); // 输出数组

alert()

alert() 方法弹出一个带有一条消息和一个确认按钮的对话框，该方法只能输出字符串，调用该方法会阻止JavaScript代码继续执行，直到用户关闭对话框。示例如下：

alert('这是一条提示消息！');  // 弹出提示框并输出字符串

document.write()

document.write() 方法可以向HTML文档写入文本，该方法只能输出字符串，输出的内容将直接覆盖原有的HTML文档，建议仅在测试和练习中使用。示例如下：

document.write('这是通过JavaScript输出的内容！');  // 写入文本

innerHTML

innerHTML 属性可以改变HTML元素的内容，该属性既可以输出字符串，也可以输出HTML代码，输出的内容将直接替换原有的HTML元素内容。示例如下：

document.getElementById('demo').innerHTML = '<p>这是改变后的内容！</p>';  // 改变元素的内容

结论

除了上述介绍的方式外，还有很多其他方式可以在JavaScript中输出数据，例如使用 console.debug()、 console.error()、console.info() 等在控制台输出不同级别的信息，或使用第三方库如 log4javascript、log4js 等实现更为复杂的输出功能，需要根据实际场景和需求进行选择。