JavaScript基本语法入门:语句、注释与代码规范

作者:木棉

时间:2026-10-23

浏览:87

本文介绍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严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章