语句

语句的概念

语句其实就是JavaScript中的整句或命令,使用分号进行分隔,可以编写一句,也可以编写多句。
JavaScript中使用花括号({})表示一个语句块。使用语句块给语句分组,这样可以更加具有可读性。(语句块的结尾不需要分号,语句块中的行都有缩进单并不是必须的)。

条件语句

条件语句就是指通过判断指定的计算结果,来决定执行还是跳过指定的语句块。
JavaScript提供了两种条件语句;if...else语句和switch...case语句。
if语句
if条件表达式;语句块(当条件表达式计算结果为true时才执行)
作用;控制是否执行指定的语句块
结果;一般为Boolean类型的值
问题;如果条件表达式计算的结果不是Boolean类型,把结果强行转换为Boolean类型在进行判断。

/*if (result) {
    console.log('这是if语句执行的语句块...');
}*/

/*if (1 && 0) {
    console.log('这是if语句执行的语句块...');
}*/

var v;/* 定义变量,但不初始化 */
/*if (v = '卧龙学苑') {/!* 将变量的初始化操作,放置在条件表达式中 *!/
    console.log('这是if语句执行的语句块...');
}*/
// 等价于以下写法
v = '卧龙学苑';/* 变量的初始化操作 */
if (v) {
    console.log('这是if语句执行的语句块...');
}

console.log('这是if语句执行完毕后的内容...');

clipboard.png

if...else语句
if...else语句是条件判断语句,但是和if语句流程并相同

var result = false;

if (result) {
    console.log('这是语句块一...');//语句块一
} else {
    console.log('这是语句块二...');//语句块二
}

console.log('这是if语句执行完毕后的内容...');

clipboard.png
条件语句和条件运算符的区别
1.条件语句可读性更高,执行的性能更低
2.条件运算符可读性更低,执行的性能更高
if...else语句嵌套
if...else语句嵌套跟运算符嵌套相似,嵌套多了可读性就低了。
else...if语句,在if语句的基础上,允许提供多个条件判断。
else..if语句和if...else语句嵌套相比,else..if语句没有嵌套结构,性能更好。

clipboard.png

switch...case语句
switch...case语句是开头语句,但是整体执行流程比if...else语句复杂的多。不过switch...case语句要比if...else语句执行性能更好,但是也有很多需要注意的地方。
比如;1.switch关键字后面的小括号和case关键字后面的冒号都不能省略的

  1. break语句是跳出语句的,一旦执行表示后面所有的case和default语句都不会被执行。
var result = '0';
    枚举 - 将计算结果可能的值尽量的罗列完整
  
     条件表达式 - 不一定是Boolean类型,计算结果分别与case语句的值进行比较
       条件表达式计算结果与case语句的值是全等比较(既要比较值,也要比较类型)
    case语句 - 罗列可能的匹配值
      对应的语句块最后添加 break 关键字 - 当执行对应的语句块之后,停止继续执行
     default语句 - 类似于if...else语句中的else语句
      当以上所有case语句的值都不匹配时,默认执行default语句对应的语句块
       注意 - 不是default语句不需要使用break关键字,而是default默认一般被编写在最后
    
 
switch (result) {
    case 0:
        console.log('这是数字0');
        break;
    case 1:
        console.log('这是数字1');
        break;
    default:
        console.log('以上结果无一满足');
}

while语句

循环语句是什么;
循环语句是一系列反复执行到符合特定条件的语句。为了更好的理解循环语句,可以将JavaScript代码想象成一条条的分支路径。
循环语句的执行流程图

clipboard.png
do...while语句其实也是一个基本循环语句,执行流程和while语句很相似
(注意;while关键字后面的小括号不能省略)
1.执行语句块
2.执行while语句的条件判断是true还是false
3.如果为true,执行语句块。然后在重新计算
while语句的条件判断是true还是false
4.如果为false,继续执行下面的代码
do...while和while语句的区别
1.do...while语句先执行,在判断
2.while语句先判断,在执行
当while关键字后面的条件第一次执行的时候,如果返回结果是false,那么while语句的语句块一次都不会被执行,而do...while语句的语句块至少被执行一次。
for语句
for语句是一种最简洁的循环语句。包括三个重要部分
1.初始化表达式;初始化一个计数器,在循环开始前计算初始状态。
2.条件判断表达式;判断给定的状态是否为true。如果条件是true就执行语句块,否则跳出循环。
3.循环操作表达式;改变循环条件,修改计数器的值

var v = 0;
while (v < 10) {
    console.log(v);
    v++;
}
console.log(v);


    for (初始化表达式; 条件判断表达式; 循环控制表达式) {
        语句块
    }
     初始化表达式 - 用于初始化控制循环的变量
     条件判断表达式 - 用于判断是否要结束循环
     循环控制表达式 - 用于控制结束循环的节点
    注意:
     for语句的语法要求并不强制必须定义以上三个表达式
     一旦省略三个表达式的话,表达式的分隔符必须存在
 
for (var v = 0; v < 10; v++) {
    console.log(v);
}

var v = 0;
for (; v < 10; ) {
    console.log(v);

    v++
}

跳转语句

JavaScript中另一种语句就是跳转语句,他可以使JavaScript代码的执行从一个位置到另一个位置。跳转语句提供了break和continue两种,用于跳转当前的循环或开始下一次的循环。
break语句是终端语句,用于循环语句或开关语句。

   跳转语句
     作用 - JavaScript代码从指定位置跳转到另一个指定的位置
     场景 - 跳转语句只能用于循环执行结构,而不能用于条件判断结构
       注意 - switch...case语句中使用的break,并不是break的用法,而是switch语句的用法
     循环语句中的跳转语句
       break语句 - 表示结束整体循环
       continue语句 - 表示结束本次循环
 
var result = 0;
switch (result) {
    case 0:
        console.log(0);
        break;
    case 1:
        console.log(1);
        break;
    default:
        console.log(2);
}

if (true) {
    console.log('if语句...');
    break;
}

for (var i=0; i<9; i++) {
    if (i == 4) {
        continue;
    }
    console.log(i);
}

武文佳
14 声望5 粉丝