首页 > 编程语言 >细说JavaScript语句详解(JavaScript语句详解)

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

时间:2024-01-19 21:36:11浏览次数:28  
标签:语句 循环 JavaScript else while 详解 statement condition

![细说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;
		}
	}
}

标签:语句,循环,JavaScript,else,while,详解,statement,condition
From: https://www.cnblogs.com/zhishunet/p/17975675

相关文章

  • JavaScript保留字和预定义的全局变量及函数汇总
    保留字也称关键字,每种语言中都有该语言本身规定的一些关键字,这些关键字都是该语言的语法实现基础,JavaScript中规定了一些标识符作为现行版本的关键字或者将来版本中可能会用到的关键字,所以当我们定义标识符时就不能使用这些关键字了,下面介绍下JavaScript保留字和预定义的全局变量......
  • JavaScript常用事件详解
    一、用于form(表单)的事件在网页中经常会遇到一些表单的验证,是通过事件进行处理的,比如用户输入用户名之后,及时显示用户是否被注册用于form(表单)的事件事件名功能onblur|当元素失去焦点时运行onchange|当元素值被改变时运行onfocus|当元素获取焦点时运行onselect......
  • 细说JavaScript表达式和运算符号(JavaScript表达式和运算符号详解)
    除了简单的表达式还有复杂的表达式,它是由简单表达式构成的,将简单表达式组合成复杂表达式最常见的方法就是使用运算符![细说JavaScript表达式和运算符号详解](https://img-blog.csdnimg.cn/direct/2781400b25be4b38bbf99d0c1b93d169.png)一、表达式表达式分为简单表达式和复杂......
  • 细说JavaScript BOM之window对象
    window对象是JavaScript中最大的对象,其他对象都是window对象的一部分,window对象表示浏览器的一个实例,在浏览器中它有双重身份,既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript标准中规定的Globel(全局)对象。第二个身份说明了我们在网页中定义的任何一个变量、函数和对......
  • 什么是JavaScript BOM
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/9466bdfb467e4a49b64c69669d68d396.png)BOM是BrowserObjectModel的缩写,即浏览器对象模型。由于BOM是和浏览器相关的一些操作,因此产生的后果就是无数的浏览器厂商各自使用自己的一套方式实现BOM(当然现在这个问题基本......
  • 什么是DOM?(JavaScript DOM是什么?)
    1、DOM简洁DOM是js中最重要的一部分,没有DOM就不会通过js实现和用户之间的交互。window是最大的浏览器对象,在它的下面还有很多子对象,我们要学习的DOM就是window对象下面的document对象DOM(DocumentObjectModel)是由W3C指定的用于访问诸如XML和HTML等结构化文档的标准W3CDOM......
  • 细说JavaScript BOM之HTML5新特性
    1、applicationCache对象什么是ApplicationCache呢?HTML5引入了应用程序缓存技术,意味着Web应用可进行缓存,并在没有网络的情况下使用,通过创建cachemanifest文件,可以轻松的创建离线应用。ApplicationCache带来的优势:1.离线浏览2、提升页面载入速度3、降低服务器压力需要......
  • 细说JavaScript BOM之window常用子对象
    一、locationlocation翻译过来就是位置的意思,打开浏览器窗口大家可以看到导航栏上有一个URL地址。//例如https://www.zhishunet.com//分心可知,它使用的网络协议是https服务器名称是www,zhishunet.comlocation常用对象属性属性描述search设置或返回从问好(?......
  • JavaScript DOM可以做什么?
    1、通过id获取标签元素DOM是文档对象模型,它提供了一些属性和方法来方便我们操作document对象,比如getElementById()方法可以通过某个标签元素的id来获取这个标签元素//用法window.document.getElementById('id');//例子<!DOCTYPEhtml><html><head><metacharset="U......
  • Servlet系列:(HttpServletRequest、HttpServletResponse、ServletContext、ServletConfi
    HttpServletRequestHttpServletRequest对象:主要作用是用来接收客户端发送过来的请求信息,例如:请求的参数,发送的头信息等都属于客户端发来的信息,service()方法中形参接收的是HttpServletRequest接口的实例化对象,表示该对象主要应用在HTTP协议上,该对象是由Tomcat封装好传递过......