JS-2-流程控制语句

2019-01-16  本文已影响0人  学的会的前端

if语法:

if(condition){
    //true statement
}else {
    //false statement
}

其中condition可以是任意表达式,结果不一定是布尔值,JavaScript解释器会自动调用Boolean()将表达式结果转为布尔值,如果表达式为真执行第一个代码块内语句,如果为假执行第二个代码块内语句。

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;
}
  1. switch和case可以使用任意表达式,不一定是常量
  2. 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

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);
}
上一篇下一篇

猜你喜欢

热点阅读