一.关于Javascript的语句

序言：

• 我们的 js 代码都是顺序执行的（从上到下）
• 逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码.

1.程序语句：

程序=语句+数据结构+算法

2.条件语句：

定义： 根据条件确定哪些语句需要执行哪些语句不需要执行
a.条件语句：if
b.循环语句：for，while…

二.IF 条件分支结构（条件语句）

1.if 语句

• 通过一个 if 语句来决定代码执行与否

• 语法： if (条件) { 要执行的代码 }

• 通过 () 里面的条件是否成立来决定 {} 里面的代码是否执行

  // 条件为 true 的时候执行 {} 里面的代码
  if (true) {
    alert('因为条件是 true，我会执行')
  }
  
  // 条件为 false 的时候不执行 {} 里面的代码
  if (false) {
  	alert('因为条件是 false，我不会执行')    
  }
  

2.if else 语句

• 通过 if 条件来决定，执行哪一个 {} 里面的代码

• 语法： if (条件) { 条件为 true 的时候执行 } else { 条件为 false 的时候执行 }

• 两个 {} 内的代码一定有一个会执行

  // 条件为 true 的时候，会执行 if 后面的 {} 
  if (true) {
    alert('因为条件是 true，我会执行')
  } else {
    alert('因为条件是 true，我不会执行')
  }
  
  // 条件为 false 的时候，会执行 else 后面的 {}
  if (false) {
    alert('因为条件为 false，我不会执行')
  } else {
    alert('因为条件为 false，我会执行')
  }
  

3.if else if … 语句

• 可以通过 if 和 else if 来设置多个条件进行判断

• 语法：if (条件1) { 条件1为 true 的时候执行 } else if (条件2) { 条件2为 true 的时候执行 }

• 会从头开始依次判断条件

  • 如果第一个条件为 true 了，那么就会执行后面的 {} 里面的内容
  • 如果第一个条件为 false，那么就会判断第二个条件，依次类推

• 多个 {} ，只会有一个被执行，一旦有一个条件为 true 了，后面的就不在判断了

  // 第一个条件为 true，第二个条件为 false，最终会打印 “我是代码段1”
  if (true) {
    alert('我是代码段1')
  } else if (false) {
  	alert('我是代码段2')           
  }
  
  // 第一个条件为 true，第二个条件为 true，最终会打印 “我是代码段1”
  // 因为只要前面有一个条件满足了，就不会继续判断了
  if (true) {
    alert('我是代码段1')
  } else if (true) {
    alert('我是代码段2')
  }
  
  // 第一个条件为 false，第二个条件为 true，最终会打印 “我是代码段2”
  // 只有前一个条件为 false 的时候才会继续向后判断
  if (false) {
    alert('我是代码段1')
  } else if (true) {
    alert('我是代码段2')
  }
  
  // 第一个条件为 false，第二个条件为 false，最终什么也不会发生
  // 因为当所有条件都为 false 的时候，两个 {} 里面的代码都不会执行
  if (false) {
    alert('我是代码段1')
  } else if (false) {
    alert('我是代码段2')
  }
  

4.if else if … else 语句

• 和之前的 if else if ... 基本一致，只不过是在所有条件都不满足的时候，执行最后 else 后面的 {}

  // 第一个条件为 false，第二个条件为 false，最终会打印 “我是代码段3”
  // 只有前面所有的条件都不满足的时候会执行 else 后面的 {} 里面的代码
  // 只要前面有一个条件满足了，那么后面的就都不会执行了
  if (false) {
    alert('我是代码段1')
  } else if (false) {
    alert('我是代码段2')
  } else {
    alert('我是代码段3')
  }
  

eg：
下面展示一些 内联代码片。

// 以下展示一些案例

             求两个数最大值
             
求63.74两个数取最大值，并且打印输出到控制台:
   <script>                                  
        var m = 63
        var n = 74
        var max = m//存储最大值

        if(n > max){
            max = n
        }

        // if (m > n) {
        //     max = m
        // }else{
        //     max = n
        // }

        console.log('最大值是 ',max)
</script>



                 求三个数最大值

方法1.
           求53，42和64三个数的最大值，将最大值输出打印到控制台
           分析: 第一步： 定义三个变量存储三个值，再定义一个变量存储最大值
                 var m = 53
                 var n = 42
                 var z = 64

                 var max  //最大值
  
        var m = 53
        var n = 42
        var z = 64

        var max  //最大值

        //如果m大于n并且与大于z，最大值就是m
        if(m > n && m > z){
            max = m
        }else if(n > m && n > z){
            max = n
        }else{
            max = z
        }

        console.log('三个数最大值 ',max)
        

方法2：
           求53，42和64三个数的最大值，将最大值输出打印到控制台
           分析: 第一步： 定义三个变量存储三个值，再定义一个变量存储最大值
                 var m = 53
                 var n = 42
                 var z = 64

                 var max  //最大值

                 假设第1个数是最大值
                  max = m
                 将后面的数依次与max进行比较，如果比max大，则将赋值给max,
                 接着再进行后面数比较
                  if(n > max){
                      max = n
                  }
                  if(z > max){
                      max = z
                  }

        */
        var m = 53
        var n = 42
        var z = 64

        var max = m //最大值,  max: 153
        if(n > max){  // 42 > 153
            max = n
        }

        if(z > max){  // 64 > 153
            max = z 
        }

        console.log('三个数最大值 ',max)
 

三.SWITCH 条件分支结构（switch语句）

• 也是条件判断语句的一种

• 是对于某一个变量的判断

• 语法：

  switch (要判断的变量) {
    case 情况1:
      情况1要执行的代码
      break
    case 情况2:
      情况2要执行的代码
      break
    case 情况3:
      情况3要执行的代码
      break
    default:
      上述情况都不满足的时候执行的代码
  }
  

  • 要判断某一个变量 等于 某一个值得时候使用

• 例子