Skip to content

流程控制语句

三大结构

顺序结构

分支结构

循环结构

什么是语句

1)表达式在 JavaScript 中是短语, 那么语句就是 JavaScrip t的整句或命令。

2)JavaScript 语句,以分号或换行结尾。

3)JavaScript程序就是一系列可执行语句的集合。

4)默认情况下, JavaScrip t解释器会按照语句的编写顺序依次执行,但有些语句或控制结构改变语句的默认执行顺序。如 "条件语句" "循环语句" "跳转语句"。

语句分类

  • 表达式语句,是js中最简单的语句
  • 复合语句,用花括号把多条语句括起来,形成复合语句
  • 空语句
  • 声明语句,声明变量、声明函数等
  • 条件语句
  • 循环语句
  • 跳转语句

分支语句

单向分支

js
if (条件表达式) {
	语句...; 
}

双向分支

css
if (条件表达式) {
	语句...
} else {
	语句...
}

多向分支 else if

js
if (条件表达式) {
	语句...
} else if (条件表达式) {
    语句...
} else if (条件表达式) {
    语句...
} else if (条件表达式) {
    语句...
} else if (条件表达式) {
    语句...
} else {
    
}

多向分支 switch case

js
switch (表达式) {
    case 表达式可能的值: 语句...; break;        
    case 表达式可能的值: 语句...; break;     
	case 表达式可能的值: 语句...; break;     
	case 表达式可能的值: 语句...; break;     
    default: 语句...;
}


switch (表达式) {
    case 表达式可能的值: 
    	语句...; 
        break;        
    case 表达式可能的值: 
        语句...; 
        break;     
	case 表达式可能的值: 
        语句...; 
        break;     
	case 表达式可能的值: 
        语句...; 
        break;     
    default: 
        语句...;
}

switch case 适合判断条件是判等的分支结构,用的是全等判断!

嵌套分支

js
if (条件表达式) {
    if (条件表达式) {
        switch (表达式) {
        	case 表达式的值:
                  if() {
                  }
                  break;
             case 表达式的值:
                  if() {
                  }
                  break; 
        }
    } else {
        
    }
} else {
    if (条件表达式) {
        
    } else {
        
    }
}

循环语句

while 循环

js
while (条件表达式) {
    语句...;
}

实现可以结束的循环(非死循环)的条件:

css
1. 循环条件不能永远成立
2. 随着循环次数增加,循环条件应该越来越趋向于不成立

do while 循环

js
do {
    语句...;
} while (条件表达式);

do while 循环与 whlie 循环的区别:

css
while: 循环体语句每次执行,都要先判断再执行
do while: 循环体语句第一次不经过判断,直接执行,但是后面的每一次,都要先判断再执行

for 循环

js
for (循环标记变量初始值; 循环条件表达式; 循环标记变量变化) {
    语句...;
}
1. 循环标记变量初化只执行一次,且循环开始前就创建循环标记变量并赋值
2. 循环条件表达式每次执行都判断,每次都是先判断后执行
3. 循环标记变量变化每次都会执行,在大括号中语句之后执行

跳转语句

① break

js
1.switch case 中使用: 结束所在的 case
2. 在循环中使用: 结束循环,一旦执行到break,结束整个循环

① continue

js
在循环中使用: 跳出本次循环,一旦执行到continue,本次循环中后面语句不再执行,下一次循环继续
  • break语句 结束整个循环
  • continue语句 结束当前循环
  • return语句 返回函数值

① return

shell
返回值
跳出当前循环

取随机数

js
Math.random();

其他语句

异常处理语句

  • throw 抛出异常
  • try/catch/finally
js
try {
    tryCode - 尝试执行代码块
}
catch(err) {
    catchCode - 捕获错误的代码块
} 
finally {
    finallyCode - 无论 try / catch 结果如何都会执行的代码块
}

严格模式

js
"use strict"
code...

with 语句

js
with (document) {
    write('hello,100<br>');
  write('hello,200<br>');
  write('hello,300<br>');
  write('hello,400<br>');
}