JavaScript基本语法入门:语句、注释与代码规范
本文介绍JavaScript的基本语法结构,包括语句以分号结束、代码块使用花括号以及自动补充分号的机制。详细讲解行注释与块注释的写法,并强调大小写敏感及缩进规范对代码可读性的重要性,帮助初学者掌握JS基础编码规则。
JavaScript基本语法概述
语法
JavaScript的语法结构与Java语言有相似之处,通常每个语句以分号(;)结尾,而语句块则通过花括号{...}来界定。不过,JavaScript并不强制要求在每个语句末尾添加分号,因为浏览器中负责执行JavaScript代码的引擎会在解析时自动为每个语句补上分号。
需要注意的是,依赖JavaScript引擎自动添加分号在某些特定场景下可能会改变程序的语义,从而导致运行结果与预期不符。因此,在本教程中,我们不会省略分号,所有语句都会显式地添加分号以确保代码的规范性。
例如,下面的一行代码就是一个完整的赋值语句:
语句与分号规范
var x = 1;
下面的一行代码是一个字符串,但仍然可以视为一个完整的语句:
'Hello, world';
下面的一行代码包含两个语句,每个语句用;表示语句结束:
var x = 1; var y = 2; // 不建议一行写多个语句!
语句块是一组语句的集合,例如,下面的代码先做了一个判断,如果判断成立,将执行{...}中的所有语句:
代码块与缩进规则
if (2 > 1) {
x = 1;
y = 2;
z = 3;
}
注意花括号{...}内的语句具有缩进,通常是4个空格。缩进不是JavaScript语法要求必须的,但缩进有助于我们理解代码的层次,所以编写代码时要遵守缩进规则。很多文本编辑器具有“自动缩进”的功能,可以帮助整理代码。
{...}还可以嵌套,形成层级结构:
代码嵌套与复杂度控制
if (2 > 1) {
x = 1;
y = 2;
z = 3;
if (x < y) {
z = 4;
}
if (x > y) {
z = 5;
}
}
JavaScript本身对嵌套的层级没有限制,但是过多的嵌套无疑会大大增加看懂代码的难度。遇到这种情况,需要把部分代码抽出来,作为函数来调用,这样可以减少代码的复杂度。
注释
以//开头直到行末的字符被视为行注释,注释是给开发人员看到,JavaScript引擎会自动忽略:
注释的写法与注意事项
// 这是一行注释
alert('hello'); // 这也是注释
另一种块注释是用/*...*/把多行字符包裹起来,把一大“块”视为一个注释:
/* 从这里开始是块注释
仍然是注释
仍然是注释
注释结束 */
请注意,JavaScript严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常。
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
D3.js 与 ECharts 选型对比:灵活性 vs 开发效率
2026-11-05 09:45:01
为什么JS中typeof []返回object:数组类型检测误区解析
2026-11-04 19:50:47
