Hello World - 你的第一个程序

如果你是第一次接触计算机编程，别担心！这就像学习一门新的语言，只不过我们对话的对象是计算机。编程其实就是用计算机能听懂的语言，告诉它要做什么事情。

就像教小狗做"坐下"的动作一样，我们需要用特定的指令让计算机明白我们的想法。现在，让我们从最简单的指令开始！

使用提示

在开始学习之前，请记住：

1. 所有的例子代码都是可以点击运行来看结果 - 点击代码块上方的"运行"按钮
2. 你可以修改代码来体验 - 试着修改代码，看看会发生什么
3. 可以点击重置来恢复代码 - 如果不小心改乱了，点击"重置"按钮恢复原始代码

概念介绍

"Hello, World!" 是每个程序员的第一步。这个简单的程序教会在屏幕上显示文本，是学习编程基础的绝佳起点。

第一个例子：最简单的打印

解释：

• console.log() 是让计算机在屏幕上显示文字的功能
  • console 是"控制台"的意思，就像计算机的一个显示窗口
  • log 是"记录"的意思，就像在日记本上写东西
  • console.log() 就是让计算机在控制台窗口里记录和显示文字
  • 简单理解：console 是一个对象，log 是这个对象的一个方法（后面会详细学习对象和方法）
  • 生活比喻：你是一个学生（对应student对象），你要学习（对应study方法），那就是student.study()。
• 括号里的 "Hello, World!" 是我们要显示的内容
  • 括号 () 里面就是要打印的内容
  • 左括号 ( 要和右括号 ) 匹配成对，缺一不可
  • 这种用双引号包围的文字叫做字符串（后面会详细学习）
• 双引号 " 用来包围文字内容
• 分号 ; 表示这个命令结束了

动手试一试！ 现在请你修改上面的代码，然后点击运行按钮看看结果！

编程就是要多尝试，不要怕出错，每个程序员都是从修改别人的代码开始学习的！

关于注释

在编程中，我们经常需要在代码中添加一些说明文字，这些文字不会被计算机执行，只是给人看的。这种说明文字叫做"注释"。

为什么需要注释？

• 解释代码：帮助自己和他人理解代码的作用和思路
• 临时禁用代码：在调试时暂时关闭某些代码行

注释是给程序员看的，计算机会完全忽略注释内容。

两种注释形式

1. 单行注释 //

// 表示单行注释，从 // 开始到行尾的内容都是注释

动手试一试！

• 在上面代码的第5行开头，把 // 去掉，让被注释的代码重新生效，然后点击运行看看结果！
• 再在第六行前面输入 //，把正常执行的代码注释掉，然后点击运行看看结果！

2. 多行注释 /* */

• /* 开始注释，*/ 结束注释
• 可以跨越多行，适合写详细的说明文档
• 可以用来临时禁用多行代码进行调试
• 可以在代码中间使用，注释不需要的内容

练习：修正简单打印的错误

现在我们来练习修正不同类型的错误。每个练习对应一种常见的错误类型：

1. 括号匹配错误

提示： 检查括号是否配对，每个 ( 都需要有对应的 )

错误信息解释：

• 英文错误：) expected.
• 中文意思：期望有 )
• 解释：计算机告诉你它期望在某个位置看到一个右括号 )，但是没找到。expected 是"期望"的意思。

2. 引号匹配错误

提示： 检查双引号是否配对，每个 " 都需要有对应的 "

错误信息解释：

• 英文错误：Unterminated string literal. 和 ) expected.
• 中文意思：未结束的字符串字面量 和 期望有 )
• 解释：
  • 因为缺少右引号，计算机认为整个 "Hello, World!); 都是一个未结束的字符串
  • 后面的 ) expected. 是因为右边的括号也被当作字符串的一部分了

3. 对象检查错误

提示： 检查对象名称是否正确，console 不能写成 consol

错误信息解释：

• 英文错误：Cannot find name 'consol'. Did you mean 'console'?
• 中文意思：找不到名称 'consol'。你的意思是 'console' 吗？
• 解释：
  • Cannot find name 是"找不到名称"
  • 计算机很聪明，它发现 consol 不存在，但 console 存在，所以给你建议

4. 方法检查错误

提示： 检查方法名称是否正确，console 对象没有 Log 方法

错误信息解释：

• 英文错误：Property 'Log' does not exist on type 'Console'. Did you mean 'log'?
• 中文意思：属性 'Log' 在类型 'Console' 上不存在。你的意思是 'log' 吗？
• 解释：
  • Property 是"属性"，这里指方法
  • does not exist 是"不存在"
  • type 'Console' 是"类型 'Console'"，指 console 对象的类型
  • 计算机告诉你 console 对象没有 Log 这个方法，但可能有 log 方法

如何阅读错误信息

记住这几点：

1. 仔细阅读错误信息：错误信息会告诉你具体的问题在哪里
2. 查看行号：错误信息会显示问题出现在哪一行
3. 不要害怕错误：出错是学习编程的正常过程，谁也不能一次就写对代码
4. 自己先尝试：看到错误后，先自己阅读代码，尝试理解问题所在

重要提醒：阅读错误信息是程序员的基本功。每次看到错误，都要仔细阅读错误信息，理解计算机在告诉你什么，然后自己思考如何修正。这是学习编程的重要技能！

第二个例子：打印中文

解释：

• 你可以把括号里的文字换成任何你想显示的内容
• 字符串：需要用双引号 " 包围
• 重要提示：如果输入中文，需要正确切换输入法：
  • 1️⃣ 先用英文输入法输入第一个双引号 "
  • 2️⃣ 切换到中文输入法输入中文内容
  • 3️⃣ 切换回英文输入法输入第二个双引号 "

练习：修正打印的错误

提示： 双引号必须成对出现，开头和结尾都要有

提示： 双引号必须是半角符号（英文输入法下的双引号）

第三个例子：打印多个信息

解释：

• console.log() 可以一次显示多个内容
• 用逗号 , 分隔不同的内容
  • 注意：逗号必须是英文输入法下的半角逗号
  • 作用：逗号用来告诉计算机哪些是分开的内容，但不会在控制台显示逗号
• 字符串：需要用双引号 " 包围
• 数字：直接写数字，不需要引号，比如 11
• 代码要能区分文字和数字，所以写法不同

练习：修正打印多个信息的错误

提示： 检查括号是否配对，分号是否缺少

提示： 多个内容之间需要用逗号分隔

编辑器提示

在开始编写代码之前，请注意我们的编辑器有一个方便的功能：

自动补全配对符号：

• 当你输入左边的 {、[、( 或 " 时
• 编辑器会自动帮你输入对应的右边符号 }、]、) 或 "
• 这样可以帮助你避免括号或引号不匹配的错误

本章总结

通过这一章的学习，你已经掌握了编程的基础知识：

核心概念

• console.log(): 在控制台显示文字和信息的核心功能
• 字符串: 用双引号 " 包围的文字内容
• 注释: 给程序员看的说明文字，计算机不会执行
• 分号: 表示一个命令的结束
• 逗号分隔: 使用逗号 , 在 console.log() 中显示多个内容

代码结构要素

• 括号匹配: 每个 ( 都要有对应的 )
• 引号匹配: 每个 " 都要有对应的 "
• 英文符号: 编程中使用的符号必须是英文输入法状态

错误处理能力

• 语法错误: 代码结构问题（括号、引号不匹配）
• 类型错误: 数据类型不匹配
• 对象/方法错误: 调用了不存在的功能
• 错误信息阅读: 学会理解计算机的错误提示

实践技能

• 编写简单的输出程序: 能够显示文字和信息
• 修正常见错误: 具备基础的调试能力
• 使用注释: 能够为代码添加说明
• 编辑器使用: 了解自动补全功能

下一步学习

你已经完成了第一个程序！接下来将要学习：

• 变量基础: 学习如何存储和使用数据
• 数据类型: 了解不同的数据种类
• 更多编程概念: 逐步深入编程世界

记住: 编程学习是一个循序渐进的过程，每个概念都需要通过实践来掌握。不要害怕出错，错误是学习的最好机会！