3.1 Hello JavaScript

程序（program）是一组让计算机解决问题的明确指令。JavaScript 是现代浏览器内置的编程语言。HTML 描述页面结构，CSS 描述页面外观，而 JavaScript 描述行为：当数据变化、用户点击、输入、滚动或提交表单时，页面应该做什么。

一开始可以先把 JavaScript 程序理解为一串步骤。浏览器会从上到下读取这些步骤，逐条执行，并且可以在执行过程中改变页面。

JavaScript 在网页里能做什么？

大多数 JavaScript 程序都会组合四类基本动作，这和其他编程语言很像：

输入（input）：从表单输入框、按钮点击、URL、文件、服务器响应或 prompt() 读取数据。
处理（processing）：计算、判断、转换或保存数据。
输出（output）：打印到控制台、弹出提示，或更新 DOM 让页面变化。
控制流程（control flow）：决定哪些步骤先执行、哪些步骤重复执行、哪些步骤在条件满足时才执行。

这些思想并不是 JavaScript 独有的。Python、C、Java、JavaScript 都有这些核心概念，只是语法和运行环境不同。

第一个 JavaScript 程序

Hello World 通常是学习一门语言的第一个程序。JavaScript 最简单的写法，是把文字打印到浏览器控制台：

console.log("Hello World!");

输出结果：

text

Hello World!

这里有三个细节值得记住：

console.log 会把值打印到开发者控制台。
括号 () 表示把数据交给函数处理。
"Hello World!" 是字符串，也就是放在引号里的文本。

这行代码可以读成：“调用 console.log，打印字符串 Hello World!。”

正在加载概念检查...

运行 JavaScript

初学阶段有三种常见运行方式：

1. 打开浏览器开发者工具，切到 Console（控制台），输入 JavaScript 后按 Enter。 2. 在 HTML 页面里写 <script> ... </script>。 3. 把 JavaScript 放进单独的 .js 文件，再用 <script src="script.js"></script> 引入。

例如：

html

<!DOCTYPE html>
<html>
  <body>
    <h1>Hello JavaScript</h1>

    <script>
      console.log("页面加载完成！");
    </script>
  </body>
</html>

页面变大后，更推荐使用单独文件：

html

<script src="script.js"></script>

// script.js
console.log("来自单独文件的问候！");

注释

注释（comment）是写给人看的说明，JavaScript 运行时会忽略它。

JavaScript 常见的注释方式包括：

单行注释：以 // 开头。
多行注释：使用 /* ... */ 包裹。

console.log("Hello World!"); // 打印问候语

注释应该解释意图，而不是机械重复代码本身。

正在加载本节练习...

3.1 Hello JavaScript

一开始可以先把 JavaScript 程序理解为一串步骤。浏览器会从上到下读取这些步骤，逐条执行，并且可以在执行过程中改变页面。

JavaScript 在网页里能做什么？

大多数 JavaScript 程序都会组合四类基本动作，这和其他编程语言很像：

输入（input）：从表单输入框、按钮点击、URL、文件、服务器响应或 prompt() 读取数据。
处理（processing）：计算、判断、转换或保存数据。
输出（output）：打印到控制台、弹出提示，或更新 DOM 让页面变化。
控制流程（control flow）：决定哪些步骤先执行、哪些步骤重复执行、哪些步骤在条件满足时才执行。

这些思想并不是 JavaScript 独有的。Python、C、Java、JavaScript 都有这些核心概念，只是语法和运行环境不同。

第一个 JavaScript 程序

Hello World 通常是学习一门语言的第一个程序。JavaScript 最简单的写法，是把文字打印到浏览器控制台：

console.log("Hello World!");

输出结果：

text

Hello World!

这里有三个细节值得记住：

console.log 会把值打印到开发者控制台。
括号 () 表示把数据交给函数处理。
"Hello World!" 是字符串，也就是放在引号里的文本。

这行代码可以读成：“调用 console.log，打印字符串 Hello World!。”

正在加载概念检查...

运行 JavaScript

初学阶段有三种常见运行方式：

例如：

html

<!DOCTYPE html>
<html>
  <body>
    <h1>Hello JavaScript</h1>

    <script>
      console.log("页面加载完成！");
    </script>
  </body>
</html>

页面变大后，更推荐使用单独文件：

html

<script src="script.js"></script>

// script.js
console.log("来自单独文件的问候！");

注释

注释（comment）是写给人看的说明，JavaScript 运行时会忽略它。

JavaScript 常见的注释方式包括：

单行注释：以 // 开头。
多行注释：使用 /* ... */ 包裹。

console.log("Hello World!"); // 打印问候语

注释应该解释意图，而不是机械重复代码本身。

正在加载本节练习...