正在加载...

JavaScript 语法

你已经知道:一条语句是一项完整指令,本课程里常常以分号结束。现在看语句内部:语法(syntax)——如何书写值和名称,浏览器才会接受你的代码。

什么是 JavaScript 语法?初学者先写哪些部分?

语法是写出引擎能读懂的 JavaScript 的规则集合。入门阶段你主要写字面量(固定值:数字和引号中的文本)、标识符(你起的名字)和表达式(在语句里算出一个值的小配方)。JavaScript 区分大小写:score 与 Score 是不同名字。字符串的开引号与闭引号必须配对。

语法部件一览

📊 初学者最先遇到的语法部件

部件 示例 对你意味着什么
字面量 42 或 "Hi" 直接写在代码里的值
字符串引号 "Hello" 或 'Hi' 标出文本;开闭必须一致
标识符 userName 你起的名字(字母、数字、_、$;不能以数字开头)
大小写 total ≠ Total 字母相同、大小写不同 → 不同名字
表达式 2 + 3 或 "A" + "B" 算出语句可用的值
语句(回顾) console.log(2 + 3); 使用这些部件的完整指令

字面量——就地写出的值

字面量是你直接键入的值。数字不需要引号。文本(字符串)放在匹配的单引号或双引号之间。

数字与字符串字面量

javascript
console.log(42);
console.log("Hello");
console.log('Also a string');

字面量好习惯

  • 数字:写数字(需要时加小数点)
  • 字符串:选 " 或 ',并用同一种结束
  • 除非真要文本,否则不要给普通数字加引号

标识符——你起的名字

标识符是程序里某样东西的名字。学变量时会大量用到。现在先学写法:以字母、_ 或 $ 开头;其后可以是字母、数字、_ 或 $。名字里不要有空格或连字符。

保存字面量的标识符

javascript
let city = "Tehran";
let year = 2026;
console.log(city);
console.log(year);

let 引入一个名字。右边是字面量;city 和 year 是标识符。声明与更新的细则在 Variables 课——这里重点是名字怎么写。

大小写敏感

JavaScript 把大写字母当作有意义。color 与 Color 是两个不同标识符。常见错误:代码「看起来对」,但那个名字并不存在。

相同字母,不同名字

javascript
let color = "teal";
console.log(color);
// console.log(Color);  // 若从未创建 Color 会报错

语句中的表达式

表达式产生一个值。语句是用该值做某事的完整指令(例如打印)。你已会写语句;语法讲的是语句里面的部件。

用在语句里的表达式

javascript
console.log(2 + 3);
console.log("Hello" + " " + "world");
console.log(10 * 4);

2 + 3 是表达式(值为 5)。console.log(2 + 3); 是打印它的语句。+、* 等运算符以后再学;这里只需看到:表达式活在语句里。

页面上的字面量

当语句更新页面时,访客才看到值。你赋给的字符串仍是字面量——语法与输出一起工作。

字符串字面量更新标题

html
<!DOCTYPE html>
<html>
<head>
<title>Syntax — Literal on page</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
document.getElementById("msg").textContent = "Syntax works";
</script>
</body>
</html>

赋值语句以分号结束。右边的 "Syntax works" 是字符串字面量。引号不配或 getElementById 拼错会破坏语法或名称查找。

自己试试

  1. 打印一个数字字面量和一个字符串字面量;改掉再运行。
  2. 写 let label = "OK";,打印它,然后两处都改标识符名并仍能运行。
  3. 只在一处把 label 改成 Label,确认 Console 报错;再改回大小写。
  4. 打印 "Hi" + "!" 和 7 - 2;注意每个表达式都在语句里。
  5. 打开 HTML 演示;改掉赋给 textContent 的引号字符串并刷新。

常见错误

  • 字符串没有匹配的闭引号
  • 以为 score 和 Score 是同一个名字
  • 标识符以数字开头(1name)或名字里有空格
  • 与「语句」课混淆:顺序与 { } 块是上一课;本课焦点是值与名称
  • 指望立刻学完变量——这里的 let 只为展示真实标识符

小结

  • 语法是写出合法 JavaScript 的规则
  • 字面量是直接写出的值(数字;带引号的字符串)
  • 标识符是名字;拼写与大小写很重要
  • 表达式产生值;语句使用这些值
  • 下一课:Comments——给人看、引擎忽略的注释

🧠 测试您的知识

准备开始

测试您的知识

通过这个互动测验挑战自己,看看你对这个主题的理解程度如何

❓
6
问题
🎯
70%
及格要求
♾️
∞
时间
🔄
∞
尝试次数

📝 说明

  • 仔细阅读每个问题
  • 为每个问题选择最佳答案
  • 您可以随时重新参加测验
  • 您的进度将显示在顶部