JS-2-流程控制语句
2019-01-16 本文已影响0人
学的会的前端
if语法:
if(condition){
//true statement
}else {
//false statement
}
其中condition可以是任意表达式,结果不一定是布尔值,JavaScript解释器会自动调用Boolean()将表达式结果转为布尔值,如果表达式为真执行第一个代码块内语句,如果为假执行第二个代码块内语句。
- 注意点:
var b; if(b === undefined){}
- 不要写成赋值=号
if(c === 3){}
,千万不要写成一个=。
label语句
label语句是很多熟练的jser都会忽略的知识,我们可以为代码添加标签,方便后续使用,语法:
labelname: statement;
相当于给statement这行代码加了一个名字。
var a = 1,
b = 2,
c = 3,
d = 4,
e = 5,
f = 6;
a:b:c:d:e:f:7;
// 7
对于{}和;Javascript引擎有不同的解释。加分号表示块语句,不加分号表示一个对象。
TIM图片20190116141420.png
switch
switch 语句和if语句关系密切,语法:
switch(expresstion){
case value1:
statement;
break;
case value2:
statement;
break;
case value3:
statement;
break;
default:
statement;
}
- 如果表达式等于case的值,对应的语句就会执行,break关键字会使程序跳出switch语句,很多编程规范强调必须添加break,不添加不会有语法错误,程序会多次判断case,进入相应流程
- 没有一个值符合case,流程进入default子句,很多规范也强调必须添加default部分
- JavaScript switch语句虽然参考的C语言的写法,但是有特殊性
- switch和case可以使用任意表达式,不一定是常量
- switch语句进行比较的时候是全等于(===)操作,不会发生类型转换
while:
while语句属于前测试循环语句,也就是在循环体内的代码被执行之前,就会对条件求值,不符合的话就不会执行
while(expression){
statement;
}
var i = 10;
while(i > 0){
console.log(i);
i--;
}
do-while
do-while是后测试循环语句,在出口条件判断之前就会执行一次代码
do{
statement;
}while(expression);
var i = 4;
do{
console.log(i);
i--;
}while(i > 5);
for、、遍历数组
for语句也是前测试循环语句,但具备在执行循环代码以前初始化变量和定义循环后要执行代码的能力
var arr = [20,40,50,60]
for(var i = 0; i < arr.length; i ++){
console.log(arr[i])
}
for-in//遍历对象
for-in是一种迭代语句,用于枚举对象的属性
for(property in object){
statement
}
var obj = {
name: 'liqi',
age: 30
}
for(var key in obj){
console.log(obj[key])
}
因为ECMAScript规定对象中的属性没有顺序,所以for-in遍历出来的属性的顺序也不是固定的(虽然大部分浏览器是按属性名称排序,我们不能依赖这个)
break和continue
- 这两个关键字多用在循环语句中
- break 用于强制退出循环体,执行循环后面的语句
- continue 用于退出本次循环,执行下次循环
for(var i = 1; i< 10; i++){
if(i % 4 === 0){
break;
}
console.log(i);//1,2,3
}
for(var i = 1; i< 10; i++){
if(i % 4 === 0){
continue;
}
console.log(i);//1,2,3,5,6,7,9
}
with
with语句同样很少用到,作用是把代码的作用域设置到一个特定对象里,由于其带来性能的严重副作用和可读性的困难,几乎不被使用
with(location){
console.log(hostname);
console.log(href);
}