JavaScript 入门 — Hello World
认识JavaScript，写出第一个程序 · 难度：入门 · +10XP
JavaScript 入门教程
JavaScript让网页"活"起来——点击按钮、弹出提示、动态更新内容。它是网页的编程语言。
前提：你需要先学完HTML和CSS基础。
准备工具
和HTML一样，你只需要一个文本编辑器（VS Code）和一个浏览器（Chrome/Edge/Firefox）。不需要安装任何其他软件！
重要提示：学JS一定要打开浏览器的开发者工具（F12），点击Console（控制台）标签。你写的JS代码输出会显示在这里。
第一步：在哪里写JS？
有三种方式：
| 方式 | 写法 |
|---|---|
| 1. HTML里(推荐新手) | <script>代码写这里</script> |
| 2. 外部文件 | <script src="app.js"></script> |
| 3. 浏览器控制台 | 按F12打开Console，直接输入代码 |
第二步：第一个JS程序
创建一个HTML文件，在body底部加入script标签：
<!DOCTYPE html>
<html>
<body>
<h1>JS学习</h1>
<script>
alert("Hello, JavaScript!");
console.log("这行输出到控制台，按F12查看");
</script>
</body>
</html>保存后用浏览器打开，会弹出一个对话框！按F12看控制台也有输出。
刚才的代码是什么意思？
| 代码 | 作用 |
|---|---|
alert("文字") | 弹出对话框，显示括号里的文字 |
console.log("文字") | 输出到控制台（调试用，用户看不到） |
JS的基本语法规则
| 规则 | 说明 | 示例 |
|---|---|---|
| 分号结束 | 每句末尾加分号（可省略但不推荐） | alert("Hi"); |
| 大小写敏感 | Alert和alert是不同的 | alert() ✅ Alert() ❌ |
| 忽略空格 | 多余空格不影响执行 | let x = 5; |
| 注释 | //单行 /*多行*/ | 不会被执行的说明文字 |
什么是变量？
变量像一个"盒子"，用来存放数据：
let name = "小明"; // 把"小明"放进name这个盒子
let age = 20; // 把20放进age这个盒子
console.log(name); // 输出"小明"
console.log(age + 5); // 输出25let用来声明变量，=是赋值（把右边的值放进左边的变量）。
动手练习
- 用alert弹出你的名字
- 声明一个变量存你的年龄，用console.log输出
- 声明两个数字变量，输出它们的和
试试右边编辑器——改代码、点运行、看效果！学编程最重要的就是动手。