语句
语句的概念
语句其实就是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语句执行完毕后的内容...');
if...else语句
if...else语句是条件判断语句,但是和if语句流程并相同
var result = false;
if (result) {
console.log('这是语句块一...');//语句块一
} else {
console.log('这是语句块二...');//语句块二
}
console.log('这是if语句执行完毕后的内容...');
条件语句和条件运算符的区别
1.条件语句可读性更高,执行的性能更低
2.条件运算符可读性更低,执行的性能更高
if...else语句嵌套
if...else语句嵌套跟运算符嵌套相似,嵌套多了可读性就低了。
else...if语句,在if语句的基础上,允许提供多个条件判断。
else..if语句和if...else语句嵌套相比,else..if语句没有嵌套结构,性能更好。
switch...case语句
switch...case语句是开头语句,但是整体执行流程比if...else语句复杂的多。不过switch...case语句要比if...else语句执行性能更好,但是也有很多需要注意的地方。
比如;1.switch关键字后面的小括号和case关键字后面的冒号都不能省略的
- 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代码想象成一条条的分支路径。
循环语句的执行流程图
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);
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。