JavaScript第二天

运算符

1.1赋值运算符

定义：将左边的的值赋予给右边，右边必须是容器

<script>
        
        let num = 10
        let num1 = 10
        let num2 = 10
        let num3 = 10
        // 相当于把后面的值通过加减乘除赋予给前面的值
        num += 5
        num1 -= 5
        num2 *= 5
        num3 /= 5
     console.log(num,num1,num2,num3);
//   单个的话会一直运算
     let size = 5
       size += 5
       size -= 5
       size *= 5
       size /= 1
       console.log(size);
    </script>

1.2一元运算符

自增++

分为前置自增和后置自增。前置自增先自增在使用，后置自增先计算在使用。

       ++i                    i++

我们常用i++来做循环使用

自减--

计算时会一直计算，比如下面的num的自增算法。

 <script>
      let num = 1;
      //   num++
      //   console.log(num);
      //   ++num
      //   console.log(num);
      //   ++在后会先运算在自增就不会体现自增效果
     /*                  1 + 3 + 3;
      console.log(num++ + ++num + num); */ //7
                    2   +  2 +    3
      console.log(++num + num++ + num);
      //   ++在前会先自增在运算。由于之前已经num++了所以下面的++num=3
      // 后置自增会多一些
      //   console.log(++num + 5); //8
      //   console.log(--num + 2);
    </script>

比较运算符

字符串的比较是是比较ASCII码比较，从a到z是从小到大。

NaN不等于任何值，同样也包括本身。

不同类型的比较之间会发生隐式转换

 最终把数据隐式转换为number类型进行比较 

逻辑运算符

判断一个数是能否被5整除且不能被8整除。弹出ture or false

<script>
      let num = + prompt("请输入数字")
      alert( num % 5 ===0 && num % 8 !==0 )
    </script>

运算符的优先级

语句 

表达式与语句的区别

表达式是可以被求值的代码可以写在赋值语句的右侧

语句是执行代码，不一定有值。

语句的类型

程序的三大控制语句：顺序结构，分支结构，循环结构

分支语句

  if 语句

分为单分支，双分支和多分支

1. 单分子

• 

 （当条件里面的类型为tue时才执行，不是布尔类型的时候会隐式转化为布尔类型）

2.双分支语句

闰年是能被4整除的非整百年或者是400年的倍数。

下面表示随机输入一个年份判断是闰年还是平年

 <script>
      let year = +prompt("请输入年份");
      if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {
        alert("公元" + year + "年是润年");
      }
      else {
        alert("公元" + year + "年是平年");
      }
    </script>

三元运算符

比双分支更简单的写法，搭配？号执行。？后第一表示tuer，后面表示false

<script>
        let a = 0
        let num =20
        let num2 = 30
        //  num>num2吗? true就是num2 ,f就是num
        // 三元表达式适合简单的单一的判断,多种复杂判断还是推荐使用if语句
        a = num > num2 ? num2 : num
        document.write(a)
    </script>

<script>
        let num = +prompt('请你输入第一个数')
        let num1 = +prompt('请你输入第二个数')
      alert( num>num1? num : num1)
    // num>num1 ? alert(num) : alert(num1)
    // console.log(num>num1? num : num1);
    </script>

3.多分枝语句

表示满足对应条件就执行对应条件的内容。没有就是else的执行内容。

switch语句

计算器案例

 <script>
        let input = +prompt('请输入第一个值')
        let input1 = prompt('请输入+-*/值')
        let input2 = +prompt('请输入第二个值')
        switch (input1) {
            case '+':
                alert(input+input2)
                break;
                case '-':
                alert(input-input2)
                break;
                case '*':
                alert(input*input2)
                break;
                case '/':
                alert(input/input2)
                break;
            default: alert('小伙子想啥呢,输入+-*/')
                break;
        }
    </script>

 循环语句

断点调试

作用：了解代码的运行，方便寻找bug。

F12，点到源代码（sources），选择代码文件

需要在哪里执行用鼠标左键点击序列即可。

 while基本语法

 while循环三要素：

1.变量起始值

2.终止条件（没有终止条件就会一直执行，造成死循环）

3.变化的变化量（用自增或者自减）

<script>
      let i = +prompt("请输入次数"); //初始值
      while (i < 5) //终止条件
      {
        document.write("我觉得你很美<br>");
        i++; //变量的变化量
      }