day02学习总结

运算符和流程控制

运算符

就是在代码里面进行运算的时候使用的符号，不光是数学运算，在js里面还有很多的运算方式

分类

• 算数运算符
• 比较运算符
• 逻辑运算符
• 赋值运算符
• 赋值运算符
• 递增和递减运算符

数学运算符

1、+

只有符号两边都是数字的时候才会进行加法运算
只要符号任意一边是字符串类型，就会进行字符串拼接

2、- * / %
会自动把两边都转换成数字进行运算

赋值运算符

1. =

   • 就是把 = 右边的赋值给等号左边的变量名
   • var num = 100
   • 就是把 100 赋值给 num 变量
   • 那么 num 变量的值就是 100

2. +=

   var a = 10;
   a += 10;
   console.log(a); //=> 20
   

   • a += 10 等价于 a = a + 10

3. -=

   var a = 10;
   a -= 10;
   console.log(a); //=> 0
   

   • a -= 10 等价于 a = a - 10

4. *=

   var a = 10;
   a *= 10;
   console.log(a); //=> 100
   

   • a *= 10 等价于 a = a * 10

5. /+

   var a = 10;
   a /= 10;
   console.log(a); //=> 1
   

   • a /= 10 等价于 a = a / 10

6. %=

   var a = 10;
   a %= 10;
   console.log(a); //=> 0
   

   • a %= 10 等价于 a = a % 10

比较运算符（关系运算符）

1. ==

   • 比较符号两边的值是否相等，不管数据类型
   • 1 == '1'
   • 两个的值是一样的，所以得到 true

2. ===

   • 比较符号两边的值和数据类型是否都相等
   • 1 === '1'
   • 两个值虽然一样，但是因为数据类型不一样，所以得到 false

3. !=

   • 比较符号两边的值是否不等
   • 1 != '1'
   • 因为两边的值是相等的，所以比较他们不等的时候得到 false

4. !==

   • 比较符号两边的数据类型和值是否不等
   • 1 !== '1'
   • 因为两边的数据类型确实不一样，所以得到 true

5. >=

   • 比较左边的值是否 大于或等于 右边的值
   • 1 >= 1 true
   • 1 >= 0 true
   • 1 >= 2 false

6. <=

   • 比较左边的值是否 小于或等于 右边的值
   • 1 <= 2 true
   • 1 <= 1 true
   • 1 <= 0 false

7. >

   • 比较左边的值是否 大于 右边的值
   • 1 > 0 true
   • 1 > 1 false
   • 1 > 2 false

8. <

   • 比较左边的值是否 小于 右边的值

   • 1 < 2 true

   • 1 < 1 false

   • 1 < 0 false

逻辑运算符

1. && 一假即假
   • 进行 且 的运算
   • 符号左边必须为 true 并且右边也是 true，才会返回 true
   • 只要有一边不是 true，那么就会返回 false
   • true && true true
   • true && false false
   • false && true false
   • false && false false
2. || 一真即真
   • 进行 或 的运算
   • 符号的左边为 true 或者右边为 true，都会返回 true
   • 只有两边都是 false 的时候才会返回 false
   • true || true true
   • true || false true
   • false || true true
   • false || false false
3. !
   • 进行 取反 运算
   • 本身是 true 的，会变成 false
   • 本身是 false 的，会变成 true
   • !true false
   • !false true

自增自减运算符（一元运算符）

在 JavaScript 中，递增（++）和递减（ – ）既可以放在变量前面，也可以放在变量后面。放在变量前面时，我们可以称为前置递增（递减）运算符，放在变量后面时，我们可以称为后置递增（递减）运算符。

** 注意：** 递增和递减运算符必须和变量配合使用。

1. ++

   • 进行自增运算

   • 分成两种，前置++ 和 后置++

   • 前置++，会先把值自动 +1，在返回

     var a = 10;
     console.log(++a);
     // 会返回 11，并且把 a 的值变成 11
     

   • 后置++，会先把值返回，在自动+1

     var a = 10;
     console.log(a++);
     // 会返回 10，然后把 a 的值变成 11
     

2. --

   • 进行自减运算
   • 分成两种，前置– 和 后置–
   • 和 ++ 运算符道理一样

运算符的优先级

• 一元运算符里面的逻辑非优先级很高
• 逻辑与比逻辑或优先级高

流程控制

一、流程控制的概念

顺序 、选择 、循环

表达式：是由数字、运算符、变量等组成的句子

流程控制的三种结构

顺序结构 分支结构 循环结构

1.顺序流程
按照先后顺序执行

2.分支流程

• if 语句

• 语法结构

// 条件成立执行代码，否则什么也不做
if (条件表达式) {
    // 条件成立执行的代码语句
}

语句可以理解为一个行为，循环语句和分支语句就是典型的语句。一个程序由很多个语句组成，一般情况下，会分割成一个一个的语句

• if else语句（双分支语句）

• 语法结构

  // 条件成立  执行 if 里面代码，否则执行else 里面的代码
  if (条件表达式) {
      // [如果] 条件成立执行的代码
  } else {
      // [否则] 执行的代码
  }
  

• if else if 语句(多分支语句)

• 语法结构

  // 适合于检查多重条件。
  if (条件表达式1) {
      语句1；
  } else if (条件表达式2)  {
      语句2；
  } else if (条件表达式3)  {
     语句3；
   ....
  } else {
      // 上述条件都不成立执行此处代码
  }
  

打断点

语句开头 ——》 sources ——》 点到你的页面 ——》 打断点 ——》 刷新页面 -——》 step over ——》 让代码执行下去 ——》 离开时关断点