细说JavaScript语句详解(JavaScript语句详解)

![细说JavaScript语句详解](https://img-
blog.csdnimg.cn/direct/19cd6f6cc963422f983afbd941772185.png)

在js中有多种不同的语句,如表达式语句、声明语句、条件语句、循环语句、跳出语句等

一、顺序结构

在生活中约定俗成的顺序规则就是自前往后、自上而下、自左至右,在js中与之相同,组成js程序的一系列语句都会按照编码顺序自上而下依次执行,这种结构称为顺序结构
在js中也包含这样一类语句,能够根据条件对程序的执行顺序施加影响,达到对程序执行顺序的控制,这类语句称为流程控制语句。

二、表达式语句

表达式语句是基本语句之一,可以说是最简单的一种语句,理论上所有的表达式均可以作为表达式语句出现

三、声明语句

声明语句仅有声明变量和声明函数两种情况,函数声明用到关键字function

function zhishu(){
	alert('知数SEO');
}
// 大括号区域是函数体,声明了一个名为zhishu的函数

四、条件语句

条件语句有称为分支语句,分支结构,条件语句最近本的部分就是条件和分支,通过判断条件决定执行哪个分支,我们可以将程序的执行顺序比喻成一条路径,在路径中我们可以通过条件语句来设置分支,下面分别介绍下常用的几种条件语句

1、if语句

if语句是最基本的条件语句,它会根据条件表达式的值执行不同的分支

// 形式一
if(condition) statement;  // condition是条件表达式 // statement是可执行语句

// 形式二
if(condition){
	statement;
}
2、if…else语句
// if...else语句可以说是if语句的扩展模式,区别是在原来的基础上使用else增加一个假区间,格式如下
// 简写形式
if(condition) statement1;else statement2;

// 全写模式
if(condition){
	statement1;
}else{
	statement2;
}

// 从结构上看if...else语句分为两个区域,真区间和假区间,从解析步骤上来看,当condition为true时则执行真区间的statement,当condition为false时则执行假区间的statement
3、else if语句
// else if 是if...else语句的眼神,如果说if...else是一个分叉路口,else if语句就是多个分叉路口,格式如下:
// 简写模式
if(condition1) statement1;
else if(condition2) statement2;
...
else statementn;

// 全写模式
if(condition1){
	statement1;
}else if(condition2){
	statement2;
}
...
else{
	statementn;
}
4、switch语句

switch结构由关键字case\break\default共同组成,关键字case用于指定可能的情况,关键字break用于同志可执行代码块的结束,跳出switch结构,关键字default可以省略,当所有case情况均未能匹配时才会执行default对应的代码

需要注意的是,当条件表达式condition进行case情况匹配时,使用的是全等运算符,当且仅当condition===value,即数据类型和值完全相当时case情况才会被匹配到

// switch语句用于单个条件多种情况的判断,格式如下:
switch(condition){
	case value1:
		statement;
		break;
	case value2:
		statement2;
		break;
	...
	default:
		statement;6
}

五、循环语句

如果把条件语句比喻分岔路,那么循环语句就是一条闭合的环路,程序会沿着环路路径重复执行下去,在js中循环结构就是让一部分代码块重复执行,下面分别介绍下

1、while循环
// while循环是最基本的循环语句 condition是一个条件表达式
// 简写
while(condition) statement;

// 全写
while(condition){
	statement;
}

// 例子
car num = 1;
while(num <=2){
	alert('到');
	num ++;
}
2、do… while循环

do…while 和 while循环的区别是do…while至少会循环一次,在第一次执行循环体时不会判断条件表达式

// 简写
do
	statement;
while(expression);

// 全写模式
do{
	statement;
	...
}while(expression);
3、for循环
// 简写
for(initialize;expression;increment) statement;

// 全写模式
for(initialize;expression;increment){
	statement;
	...
}

// 例子
for(var i=0;i<=12,i++){
	alert('到');
}

// 例子2
var i = 1;
for(;i<=20;){
	aleat('到');
	i++;
}
4、for…in循环

for…in循环与for循环意义完全不同,for…in循环常用来遍历对象和数组

六、跳出语句

跳出语句在分支结构、循环结构以及函数中经常用到,进入分支结构、循环结构或函数后我们也许会在摸个条件达到时直接跳出结构或直接跳转到指定位置,下面分别介绍结构常用的跳出语句

1、label语句
// label语句可以给代码添加标签,以便将来使用,格式如下:
label:statement;

// 例子
writeNumber:  // 标签语句
for(i=0;i<=10;i++){
	document.write(i);
}
2、break语句
// 在switch语句中我们用到break来通知case代码块的结束,并跳出switch语句
// 其实break语句还可以用在循环结构中,用来跳出距离其最近的循环结构,语法如下
break[label];
// 语法很简单,直接使用break跳出结构或使用break后跟一个标签名跳出指定标签的语句结构

// 例子
var count = 0;
outer:
for(var i=0; i<10; i++){
	inner:
	for(var j=0;j<10;j++){
		if(j == 5) break outer;
	}
}
alert(count);
3、continue语句
// continue语句作用是跳过本次循环,格式如下:
continue[label];
// 单独使用意为跳出一次距离最近的循环结构,当跟标签名时指的是跳过一次指定标签名对应的循环结构


// 例子
outer:
for(var x=0;i<10;i++){
	inner:
	for(var j=0,j<10;j++){
		if((i+j) != 10){
			continue;
		}
	}
}
posted @ 2024-01-19 21:25  知数网络  阅读(14)  评论(0编辑  收藏  举报