JavaScript不愧是最强大的编程语言,和ChatGPT讨论后发现,至少有10种方法能够输出“hello world”,按运行环境分为浏览器环境和nodejs,按空间分为控制台、标题栏、地址栏、网页、桌面、弹窗,按介质分为文本、语音等,每种方法都有其独特的用途和实现方式。连一个hello world都能玩出花来!
console.log("Hello, World!");
document.write("Hello, World!");
alert("Hello, World!");
process.stdout.write("Hello, World!");
document.body.innerHTML = "Hello, World!";
document.title = "Hello, World!";
process.title = "Hello, World!";
new Notification("Hello, World!");
location.hash = "hello world";
speechSynthesis.speak(new SpeechSynthesisUtterance("hello world"));
-
console.log("Hello, World!"); console.log() 是 JavaScript 中最常用的输出方法之一,它将指定的文本内容打印到浏览器的控制台中,可用于调试代码和输出日志信息。除此之外该类别还包括console.info、console.debug、console.warning、console.error等。 document.write("Hello, World!"); document.write() 方法将指定的文本内容写入到 HTML 文档中,输出结果会在页面中直接显示。注意,如果在文档加载后使用此方法,它将会覆盖整个文档。
alert("Hello, World!"); alert() 方法会在浏览器中弹出一个对话框,包含指定的文本内容,需要用户点击确认按钮才能关闭对话框并继续操作。除此之外该类别还包括prompt和confirm。
process.stdout.write("Hello, World!"); process.stdout.write() 方法将指定的文本内容打印到 Node.js 环境下的终端或控制台中,可用于命令行程序或脚本的输出。
document.body.innerHTML = "Hello, World!"; document.body.innerHTML 属性将指定的文本内容写入 HTML 文档的 body 标签中,输出结果会在页面中直接显示。此大类还包括其他修改页面内容的各种方法。
document.title = "Hello, World!"; document.title 属性将指定的文本内容设置为当前网页的标题,输出结果会在浏览器的标签栏中显示。
process.title = "Hello, World!"; process.title 属性将指定的文本内容设置为当前终端或控制台窗口的标题,只能在 Node.js 环境中使用。
new Notification("Hello, World!"); Notification API 可以在浏览器中创建一个通知对象,并将指定的文本内容设置为通知内容,需要用户授权才能显示通知。
location.hash = "hello world"; location.hash 属性可以将指定的文本内容设置为当前 URL 的哈希部分,不会导致页面刷新或跳转,可用于记录当前状态或创建可分享的链接。
speechSynthesis.speak(new SpeechSynthesisUtterance("hello world")); Web Speech API 可以将指定的文本内容传递给 SpeechSynthesisUtterance 对象,然后让浏览器朗读文本内容,需要用户授权,且在不同浏览器中的兼容性可能不同。