美文网首页
Javascript 04 流程控制语句

Javascript 04 流程控制语句

作者: 红豆丁244 | 来源:发表于2018-09-02 00:08 被阅读0次

    if

    if语句是编程语言最常用的语句,语法

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

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

    只有一条语句的时候代码块不是必需的,出于维护性考虑我们建议添加

    if语句可以单独使用,也可以和多个else连续使用

    if(a > 2){
        // statement
    }
    
    
    if( a == 1){
    
    }else if(a == 2){
    
    }else if(a == 3 ){
    
    }else{
    
    }
    

    label

    label语句是很多熟练的jser都会忽略的知识,我们可以为代码添加标签,方便后续使用,语法:

    labelname: statement;
    

    label语句单独使用的时候没有什么作用几乎,经常和其它语句结合使用,但是一些面试题会针对这个提问

    var a = 1,
        b = 2,
        c = 3,
        d = 4,
        e = 5,
        f = 6;
    
    a:b:c:d:e:f:7;
    

    switch

    switch 语句和if语句关系密切,语法

    switch(expresstion){
        case value1:
            statement;
            break;
    
        case value2:
            statement;
            break;
    
        case value3:
            statement;
            break;
    
        default:
            statement;
    }
    

    我们可以看到if语句使用多个else的时候写法很繁琐,可读性也下降,switch语句可以轻松解决

    switch(a){
        case 1:
            statement;
            break;
    
        case 2:
            statement;
            break;
    
        case 3:
            statement;
            break;
    
        default:
            statement;
    }
    

    如果表达式等于case的值,对应的语句就会执行,break关键字会使程序跳出switch语句,很多编程规范强调必须添加break,不添加不会有语法错误,程序会多次判断case,进入相应流程

    没有一个值符合case,流程进入default子句,很多规范也强调必须添加default部分

    JavaScript switch语句虽然参考的C语言的写法,但是有特殊性

    1. switch和case可以使用任意表达式,不一定是常量
    2. switch语句进行比较的时候是全等于(===)操作,不会发生类型转换

    while和do-while

    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语句也是前测试循环语句,但具备在执行循环代码以前初始化变量和定义循环后要执行代码的能力,改造一下while语句

    for(var i = 10; i > 0; i--){
        console.log(i);
    }
    

    for-in

    for-in是一种迭代语句,用于枚举对象的属性

    for(property in object){
        statement
    }
    

    看个例子

    for(var prop in window){
        console.log(prop);
    }
    

    因为ECMAScript规定对象中的属性没有顺序,所以for-in遍历出来的属性的顺序也不是固定的(虽然大部分浏览器是按属性名称排序,我们不能依赖这个)

    break和continue

    break关键字在switch语句中已经见过,这两个关键字多用在循环语句中

    • break 用于强制退出循环体,执行循环后面的语句
    • continue 用于退出本次循环,执行下次循环
      看个例子对比一下
    break
    for(var i = 1; i< 10; i++){
        if(i % 4 === 0){
            break;
        }
    
        console.log(i);
    }
    

    输出结果为

    1
    2
    3
    
    continue
    for(var i = 1; i< 10; i++){
        if(i % 4 === 0){
            continue;
        }
    
        console.log(i);
    }
    

    输出结果为

    1
    2
    3
    5
    6
    7
    9
    

    这是break和continue最常规的用法,其实这两个关键字后面可以跟上我们之前提到的label,退出指定位置的代码,对于多层循环是个有用的技巧,但是难以理解,一般不推荐使用(如同C语言中被误解的goto)

    with

    with语句同样很少用到,作用是把代码的作用域设置到一个特定对象里,由于其带来性能的严重副作用和可读性的困难,几乎不被使用

    with(location){
        console.log(hostname);
        console.log(href);
    }
    

    相关文章

      网友评论

          本文标题:Javascript 04 流程控制语句

          本文链接:https://www.haomeiwen.com/subject/jrrpwftx.html