JavaScript的“Hello World”需在宿主环境(如浏览器或Node.js)中运行:浏览器中通过HTML的<script>标签调用console.log输出到控制台;Node.js中直接执行hello.js文件。

写一个 JavaScript 的 "Hello World" 程序非常简单,但理解它如何被编写、加载和执行,对后续学习至关重要。核心在于:代码必须运行在宿主环境中(如浏览器或 Node.js),不能直接双击执行。
1. 创建 HTML 文件并嵌入 JavaScript
最常用的方式是在网页中运行 JS。新建一个 index.html 文件,用文本编辑器(如 VS Code、记事本)写入以下内容:
- 用 <script></script> 标签包裹 JavaScript 代码
- 调用 console.log() 输出文字到浏览器开发者工具的控制台
- 也可以用 alert() 弹出提示框(不推荐用于调试)
示例代码:
<!DOCTYPE html>
<html>
<head><title>Hello World</title></head>
<body>
<script>
console.log("Hello, World!");
</script>
</body>
</html>
2. 在浏览器中打开并查看结果
保存文件后,双击打开或拖入浏览器窗口。此时页面可能看起来空白,因为 console.log 不显示在页面上。
立即学习“Java免费学习笔记(深入)”;
- 按 F12 或右键 → “检查” 打开开发者工具
- 切换到 Console(控制台) 标签页
- 就能看到输出的 Hello, World!
3. 其他执行方式:Node.js 环境
如果已安装 Node.js,可脱离浏览器独立运行 JS:
- 新建一个 hello.js 文件,只写一行:console.log("Hello, World!");
- 在终端(命令行)中进入该文件所在目录,输入:node hello.js
- 回车后立即在终端中看到输出结果
4. 关键执行流程说明
JavaScript 不是编译型语言,而是由引擎(如 V8)即时解析并执行:
- 浏览器加载 HTML 时,遇到 <script> 标签就暂停解析 HTML,开始下载(如有 src)、解析并执行 JS
- 代码从上到下逐行执行,console.log 是同步操作,立刻输出
- 执行出错时,控制台会显示红色错误信息,帮助定位问题(比如拼错单词、少括号)










