JavaScript: JavaScript 语法
最后更新：2026-10-13
语法是语言的规则——掌握 JS 的语法规则，你写出的代码才能被浏览器正确理解。
1. 语句和分号
JS 代码由一条条语句组成，每条语句执行一个操作。分号 ; 用来标记语句的结束。
虽然 JS 有自动分号插入机制（不加分号大多也能跑），但强烈建议你主动加分号。为什么？因为自动分号插入偶尔会猜错你的意图，导致难以排查的 bug。养成加分号的习惯，省下的调试时间远比省下的分号值钱。
用花括号 {} 包裹的多条语句组成一个代码块，常见于函数体、条件语句和循环中：
HTML
<script>
if (score > 60) {
result = "及格";
color = "green";
}
</script>
代码块让多条语句像一个整体一样执行。虽然单条语句时花括号可以省略，但永远不要省略——加上花括号，代码意图更清晰，以后加语句也不会出错。
3. 注释
注释是写给人看的，浏览器完全忽略。好的注释解释"为什么"，而不是"做了什么"（代码本身应该能说明做了什么）。
- 单行注释：
// 注释内容 - 多行注释：
/* 注释内容 */
4. 大小写敏感
JS 严格区分大小写：myVar、myvar、MYVAR 是三个完全不同的变量。这个坑新手经常踩——明明代码逻辑没问题，结果就是报错，最后发现大小写写错了。
5. 关键字和保留字
JS 保留了一些词作为关键字（如 var、let、const、function、if、else 等），你不能用它们作为变量名。完整的保留字列表很长，常用的记住就行——编辑器的语法高亮会帮你识别。
▶ 示例：语句、分号与代码块
▶ 试一试▶ 示例：注释的用法
▶ 试一试▶ 示例：大小写敏感演示
▶ 试一试▶ 示例：命名规则实战
▶ 试一试❓ 常见问题
Q 不加分号真的会出 bug 吗？
A 大多数时候不会，但有些边界情况会。比如
return 后换行，JS 会在 return 后自动插入分号，返回 undefined 而不是你期望的值。这类 bug 非常隐蔽，排查半天才发现是少了个分号——何必呢？Q 单行语句也要加花括号吗？
A 建议加。今天只有一行，明天可能加两行，忘了补花括号就会出逻辑错误。花括号不占多少字节，但能省下很多排错时间。
Q 驼峰命名法和下划线命名法哪个好？
A 在 JS 世界里驼峰命名是主流（
firstName），下划线命名（first_name）更多出现在 Python 和数据库字段中。入乡随俗，写 JS 就用驼峰。📖 小节
- JS 语句以分号结尾，建议永远主动加分号，别依赖自动分号插入
- 代码块用
{}包裹，即使单条语句也别省略花括号 - 单行注释
//，多行注释/* */，注释解释"为什么"而非"做了什么" - JS 严格区分大小写，
myVar≠myvar，这是新手最常见的低级错误 - 变量名不能以数字开头，不能使用关键字和保留字
- 命名推荐驼峰命名法：
firstName、totalScore
📝 作业
- 基础题：写一段 JS 代码，声明两个变量
studentName和studentAge并赋值，用console.log()输出它们。确保所有语句都加了分号，变量名使用驼峰命名法。 - 进阶题：创建一个页面，包含一个输入框和按钮，用户输入年龄后判断是否成年（≥18），用代码块和 if/else 实现判断逻辑，并在页面上显示结果。
- 挑战题：创建一个"命名检查器"页面，用户输入一个变量名，JS 判断它是否合法（不能数字开头、不能含空格和减号、不能是关键字），并在页面上显示"合法"或"不合法"及原因。
