1.4 本章小结与目标

1.4 本章小结与目标

恭喜你完成了JavaScript的第一章学习！让我们一起回顾一下本章的核心内容和学习目标，确保你已经掌握了这些基础但重要的知识点。

核心目标回顾

1. 能说出JS的作用：让网页有交互

JavaScript最核心的功能就是为网页添加交互性。没有JS的网页就像一本静态的杂志，只能看不能动；而有了JS，网页就变成了可以对话的智能助手。

实际应用场景：

• 点击按钮弹出提示
• 表单输入时实时验证
• 动态更新页面内容
• 响应鼠标移动、键盘输入等用户操作

记住：HTML负责结构，CSS负责样式，JS负责交互，三者分工明确又紧密合作。

2. 能独立用VS Code创建文件、在浏览器运行

开发环境是编程的基础，现在你应该能够：

1. 创建项目文件夹：在电脑上整理好你的代码文件
2. 用VS Code打开文件夹：通过”文件 > 打开文件夹”菜单
3. 新建HTML文件：点击左侧文件图标+按钮，输入文件名（如index.html）
4. 编写代码并保存：使用Ctrl+S(Windows)或Cmd+S(Mac)保存
5. 在浏览器中运行：通过”Open in Browser”插件或直接拖放文件到浏览器

常见问题解决：

• 如果浏览器没有显示最新修改，按F5刷新页面
• 确保文件名后缀是.html而不是.txt
• 检查代码中是否有拼写错误

3. 记住两个基础语法

alert() – 弹窗提示

这是最简单的交互方式，会弹出一个带有消息和确定按钮的对话框：

// 显示文本消息
alert("Hello, World!");

// 也可以显示数字
alert(123);

// 或者简单计算结果
alert(2 + 3);

使用场景：简单的用户提示或调试信息。

console.log() – 控制台输出

这是开发者最常用的调试工具，在浏览器控制台中显示信息，不会打扰用户：

// 打印文本
console.log("我在控制台输出");

// 打印变量
let name = "小明";
console.log(name);

// 打印多个值
console.log("姓名:", name, "年龄:", 18);

如何查看：按F12打开开发者工具，切换到”控制台”(Console)标签。

使用场景：开发过程中的调试、查看变量值、跟踪程序执行流程。

自查清单

在进入下一章前，确保你能完成以下任务：

• 解释为什么网页需要JavaScript
• 独立完成从创建文件夹到在浏览器运行HTML文件的全过程
• 写出使用alert()显示”学习JS很有趣”的代码
• 写出使用console.log()打印你的名字的代码
• 知道如何在浏览器中查看控制台输出

编程金句

> “编程就像搭建积木，复杂的系统都是由简单的部分组成。掌握基础，才能构建高楼。”

下一章我们将学习JavaScript的基本语法，开始真正的编程之旅！准备好迎接新的挑战了吗？