浅析js分支语句

73 阅读2分钟

什么是分支语句?

  • 基于一个条件, 决定执行那段代码

    • 需求: 基于某一个条件, 只打印 123  或者 只打印 456

    •      这时 需要使用到 分支语句

    •      console.log(1)

        console.log(2)

        console.log(3)

        console.log(4)

        console.log(5)

        console.log(6)

if 分支语句

  • 语法: if (条件) {当条件为真时, 执行的代码}else{} //else之前条件都不成立才执行

  • if 判断

    •          从上往下依次检查, 查询是否满足条件
    •          如果满足, 则仅执行当前分支, 其他不执行
    •          如果不满足, 则会进行下一个 if 的判断, 成功则执行, 不成功继续往下执行
    •          直到 最后一个 if 成功则执行, 不成功则不执行
    •          最后 查看是否有 else 分支, 如果有, 且前边所有的 if 条件都为假 此时 会执行 else 分支
        // var a = 1
        // if (a == 1) {
        //     console.log(1)
        //     console.log(2)
        //     console.log(3)
        // } else {
        //     console.log(4)
        //     console.log(5)
        //     console.log(6)
        // }
* switch (条件) {
 *      case 21:
 *          满足 case 1 时, 执行的代码
 *          break;
 *      case 2:
 *          满足 case 2 时, 执行的代码
 *          break;
 *      break 用来跳出是switch分支
 * }
// var a = 21
// switch (a) {
//     case 11:
//         console.log('a 为 11');
//         break;
//     case '21':
//         console.log('a 为 21');
//         break
//     default:
//         console.log('上述的都没有执行')
// }
 * switch...case 的 穿透现象
 *      当 case 后没有跟随 break 时, 会从第一个满足条件的 case 开始执行, 一直到 最后一个
 *      或者说 到后续的 最近一个 break

三元表达式(三目, 三目运算符, 问号冒号表达式)(重点)

  • 什么是 三元表达式
    •      也是 JS 分支语句的 一种
    • 语法:    条件 ? 条件为真时执行(只能一行) : 条件为假时执行(只能一行)
    true ? console.log('条件为真') : console.log('条件为假')
    // 模拟 从后端请求回来一个数据 数据为 1
    var num = false
    num == 1
        ? console.log('请求回来的数据为1, 满足条件')
        : console.log('请求会回来的数据不为1, 不满足条件, 找后端**')