JavaScript常用基础语句全解析：语法、用法与示例
在JavaScript前端开发学习体系中，掌握各类核心语句的语法规则与使用场景，是编写逻辑代码、实现页面交互的基础前提。本文将系统梳理JavaScript语句的七大常见类型，结合语法格式、运行逻辑与实战案例，帮助初学者快速理清不同语句的适用边界，夯实核心编程基础。
一、JavaScript语句整体分类概览
JavaScript的基础语句可按照功能划分为七大类，分别承担变量声明、逻辑分支、循环遍历、对象操作、代码注释、函数定义等不同作用，具体分类如下：
1. 变量声明赋值语句：var
2. 函数返回语句：return
3. 条件分支语句：if...else、switch
4. 循环控制语句：for、for...in、while、break、continue
5. 对象操作语句：with、new、delete、this
6. 代码注释语句
7. 函数定义语句：function、return
二、变量声明var语句的规则与用法
var语句的核心作用是声明指定名称的变量，同时支持为变量设置初始值，是早期JavaScript版本中最常用的变量声明方式。
根据声明位置的不同，var声明的变量可分为局部变量与全局变量：若var语句写在函数内部，该变量仅在当前函数作用域内生效，属于局部变量；若var语句写在函数外部，变量作用域覆盖整个脚本程序，属于全局变量。
在函数体外直接为变量赋值时，即使不写var关键字也能正常创建全局变量，但从代码规范与作用域安全角度出发，始终推荐显式使用var进行变量声明。
var语句的基础语法与示例如下：
var Computer = 9; // 声明整数类型变量Computer，并赋予初始值9
Computer = 9; // 函数外直接赋值也可创建全局变量
三、函数返回值：return语句详解
return语句用于指定函数执行完成后向外返回的结果值，是函数与外部代码进行数据传递的核心方式。
其基础语法格式为：return 表达式;
使用过程中需要注意两种特殊情况：一是return后省略返回表达式，二是函数执行到结束都没有编写return语句。两种场景下，函数最终都会返回undefined类型的值。
四、条件分支语句if...else与switch用法
条件分支语句用于根据不同判断结果执行对应代码块，是实现业务逻辑判断的核心，主要包含if...else与switch两种形式。
4.1 基础条件判断：if...else语句
if...else的基础语法结构如下：
if(表达式) {
语句段1;
} else {
语句段2;
}
核心执行逻辑：当括号内表达式结果为true时，执行if对应的语句段1；当表达式结果为false时，则执行else对应的语句段2。
关于if...else语句的核心特性说明：
・if-else是JavaScript中最基础的流程控制语句，能够改变代码默认的从上到下执行顺序。
・判断表达式通常结合关系运算符编写，运算结果会自动转换为布尔值完成真假判断。
・数值类型会自动完成布尔转换：数值0会转为false，所有非零数值转为true。
・如果if或else后需要执行多行代码，必须使用花括号将多行代码包裹为代码块。
4.2 if语句的嵌套与多条件判断
当业务存在多层级判断条件时，可以使用if语句的嵌套结构，基础格式如下：
if(布尔值) {
语句1;
} else if(布尔值) {
语句2;
} else if(布尔值) {
语句3;
} else {
语句4;
}
执行过程中，程序会从上到下依次计算每一级的布尔表达式，遇到第一个结果为真的条件时，就执行其对应的代码语句；若所有条件都不满足，则执行最后else内的语句。
基础交互示例代码：
function abcd(){
var d = confirm("请选择确定或者取消");
if(d == 1){
alert("你选择的是确定");
} else {
alert("你选择的是取消");
}
}
4.3 多值匹配：switch分支语句
当需要根据一个变量的多个固定匹配值执行不同逻辑时，使用switch语句比多层if嵌套结构更清晰易读。switch可以针对表达式的不同取值，匹配对应分支并执行对应处理代码。
switch语句的基础语法如下：
switch(表达式) {
case label1:
执行语句;
break;
case label2:
执行语句;
break;
……
default:
执行语句;
}
星期判断实战示例：
var d = new Date();
switch(d.getDay()) {
case 0: document.write("星期一"); break;
case 1: document.write("星期二"); break;
case 2: document.write("星期三"); break;
case 3: document.write("星期四"); break;
case 4: document.write("星期五"); break;
case 5: document.write("星期六"); break;
case 6: document.write("星期日"); break;
}
五、循环控制语句的类型与使用场景
循环语句用于重复执行指定代码块，直到满足终止条件为止，JavaScript中常用的循环语句包括for、for...in、while，同时可搭配break、continue控制循环流程。
5.1 标准for循环语法与逻辑
for循环是最常用的定次循环结构，基础语法格式如下：
for(初始化表达式; 循环条件; 增量表达式) {
循环语句集;
}
核心功能：实现条件型循环，当循环条件成立时，反复执行循环体内的语句集；当条件不成立时，立即跳出循环体。
三个组成部分的作用说明：
・初始化表达式：用于设定循环的起始状态，通常为循环控制变量赋予初始值。
・循环条件：用于判断循环是否继续执行，条件结果为true则执行循环体，结果为false则终止循环。
・增量表达式：定义每轮循环结束后，循环控制变量的变化规则。
5.2 遍历专用：for...in循环
for...in循环与普通for循环的应用场景存在明显区别，它的遍历范围是对象的全部可枚举属性，或者数组的全部元素下标，非常适合属性遍历场景。
for...in的基础语法格式：
for(变量 in 对象或数组) {
执行语句......
}
5.3 条件型while循环
while循环属于先判断后执行的循环结构，基础语法格式如下：
while(循环条件) {
循环语句集;
}
它的执行逻辑与for循环一致：当条件结果为true时，重复执行循环内代码；当条件变为false时，退出循环。
两种循环的选型区别：for循环结构紧凑、逻辑清晰，在处理数值递增递减的固定次数循环时可读性更强；while循环更适合循环次数不确定、判断条件较为复杂的业务场景。
while循环动态输出标题示例：
var i = 1;
while(i <= 3) {
document.write("<h"+i+">这是"+i+"级标题</h"+i+">");
i++;
}
5.4 循环流程控制：break与continue
break与continue都用于改变循环的默认执行流程，二者作用存在本质区别：break语句用于直接终止当前整个for或while循环，跳出循环体执行后续代码；continue语句则用于跳过本轮循环中尚未执行的剩余语句，直接进入下一轮循环的条件判断。
六、对象操作相关语句与关键字
面向对象编程过程中，需要借助专用语句完成对象创建、属性简化、实例删除、上下文指向等操作，核心包含with、this、new、delete四个关键字。
6.1 简化对象访问：with语句
with语句的作用是设置代码块的默认对象作用域，在with语句体内，所有未指定所属对象的变量引用，都会默认指向预设对象的属性，以此减少重复编写对象名称的代码量。
基础语法格式：
with(object) {
// 代码块内默认作用域为object对象
}
6.2 上下文指向：this关键字
this的核心含义是当前执行上下文的引用。JavaScript中对象的引用关系复杂多变，多层嵌套调用时很容易出现指向混乱的问题，而this关键字能够精准指向当前代码运行时的所属对象，帮助开发者明确当前操作的目标主体。
6.3 创建对象实例：new运算符
JavaScript不仅内置了大量功能完善的原生对象，还支持开发者根据业务需求创建自定义对象，而new运算符就是用来基于构造函数创建全新对象实例的关键字。
创建对象的基础格式：
var newObject = new Object(parametersTable);
其中newObject是创建完成的新实例，Object代表已定义的构造函数，parametersTable是传入构造函数的参数列表，new是执行实例化操作的关键字。
日期对象创建示例：
var newData = new Date();
var birthday = new Date(1998, 11, 12);
// newData与birthday均为独立的日期对象实例
6.4 删除对象实例：delete运算符
delete的作用与new完全相反，它用于删除对象的指定属性，或是移除已经创建的对象实例，释放对应的引用空间。
七、JavaScript注释语句的两种形式
注释是仅面向开发者可读的说明性代码，浏览器解析脚本时会自动忽略注释内容，不会执行其中的任何语句，合理添加注释能够大幅提升代码的可维护性。JavaScript中注释分为单行注释与多行注释两种：
// 这是单行注释，仅对当前一行内容生效
八、函数定义语句function与return规则
function语句用于声明定义一个函数，函数定义完成后不会立即执行内部代码，只有在被调用时才会运行对应的逻辑。
函数的基础定义语法：
function 函数名(参数表) {
函数执行逻辑代码
}
简单弹窗函数示例：
function go() { // 定义名为go的函数
alert("欢迎光临");
}
函数定义与使用的核心规则说明：
1. 调用函数时，变量、字面量都可以作为实际参数传入函数内部。
2. 函数必须通过function关键字进行声明定义。
3. 函数名由开发者自定义，用于后续调用函数，且函数名严格区分大小写。
4. 参数表中的形参用于接收外部传入的值，实参可以是常量、变量或各类合法表达式。
5. 函数通过「函数名(实参)」的形式完成调用执行。
6. 当函数需要向外传递执行结果时，必须借助return语句完成值的返回。
整体来看，上述JavaScript语句覆盖了基础脚本开发的绝大多数核心场景，熟练掌握各类语句的语法细节、执行逻辑与适用场景，能够帮助开发者写出更规范、易维护、运行效率更高的前端代码，也是后续进阶学习框架、工程化开发的必备基础。
