day02学习总结
运算符和流程控制
运算符
就是在代码里面进行运算的时候使用的符号,不光是数学运算,在js里面还有很多的运算方式
分类
- 算数运算符
- 比较运算符
- 逻辑运算符
- 赋值运算符
- 赋值运算符
- 递增和递减运算符
数学运算符
1、+
只有符号两边都是数字的时候才会进行加法运算
只要符号任意一边是字符串类型,就会进行字符串拼接
2、- * / %
会自动把两边都转换成数字进行运算
赋值运算符
-
=
- 就是把
=
右边的赋值给等号左边的变量名 var num = 100
- 就是把 100 赋值给 num 变量
- 那么 num 变量的值就是 100
- 就是把
-
+=
var a = 10; a += 10; console.log(a); //=> 20
a += 10
等价于a = a + 10
-
-=
var a = 10; a -= 10; console.log(a); //=> 0
a -= 10
等价于a = a - 10
-
*=
var a = 10; a *= 10; console.log(a); //=> 100
a *= 10
等价于a = a * 10
-
/+
var a = 10; a /= 10; console.log(a); //=> 1
a /= 10
等价于a = a / 10
-
%=
var a = 10; a %= 10; console.log(a); //=> 0
a %= 10
等价于a = a % 10
比较运算符(关系运算符)
-
==
- 比较符号两边的值是否相等,不管数据类型
1 == '1'
- 两个的值是一样的,所以得到 true
-
===
- 比较符号两边的值和数据类型是否都相等
1 === '1'
- 两个值虽然一样,但是因为数据类型不一样,所以得到 false
-
!=
- 比较符号两边的值是否不等
1 != '1'
- 因为两边的值是相等的,所以比较他们不等的时候得到 false
-
!==
- 比较符号两边的数据类型和值是否不等
1 !== '1'
- 因为两边的数据类型确实不一样,所以得到 true
-
>=
- 比较左边的值是否 大于或等于 右边的值
1 >= 1
true1 >= 0
true1 >= 2
false
-
<=
- 比较左边的值是否 小于或等于 右边的值
1 <= 2
true1 <= 1
true1 <= 0
false
-
>
- 比较左边的值是否 大于 右边的值
1 > 0
true1 > 1
false1 > 2
false
-
<
-
比较左边的值是否 小于 右边的值
-
1 < 2
true -
1 < 1
false -
1 < 0
false
-
逻辑运算符
&&
一假即假- 进行 且 的运算
- 符号左边必须为 true 并且右边也是 true,才会返回 true
- 只要有一边不是 true,那么就会返回 false
true && true
truetrue && false
falsefalse && true
falsefalse && false
false
||
一真即真- 进行 或 的运算
- 符号的左边为 true 或者右边为 true,都会返回 true
- 只有两边都是 false 的时候才会返回 false
true || true
truetrue || false
truefalse || true
truefalse || false
false
!
- 进行 取反 运算
- 本身是 true 的,会变成 false
- 本身是 false 的,会变成 true
!true
false!false
true
自增自减运算符(一元运算符)
在 JavaScript 中,递增(++)和递减( – )既可以放在变量前面,也可以放在变量后面。放在变量前面时,我们可以称为前置递增(递减)运算符,放在变量后面时,我们可以称为后置递增(递减)运算符。
** 注意:** 递增和递减运算符必须和变量配合使用。
-
++
-
进行自增运算
-
分成两种,前置++ 和 后置++
-
前置++,会先把值自动 +1,在返回
var a = 10; console.log(++a); // 会返回 11,并且把 a 的值变成 11
-
后置++,会先把值返回,在自动+1
var a = 10; console.log(a++); // 会返回 10,然后把 a 的值变成 11
-
-
--
- 进行自减运算
- 分成两种,前置– 和 后置–
- 和
++
运算符道理一样
运算符的优先级
优先级 | 运算符 | 顺序 |
---|---|---|
1 | 小括号 | () |
2 | 一元运算符 | ++ – ! |
3 | 算数运算符 | 先 * / % 后 + - |
4 | 关系运算符 | > >= < <= |
5 | 相等运算符 | == != === !== |
6 | 逻辑运算符 | 先 && 后 || |
7 | 赋值运算符 | = |
8 | 逗号运算符 | , |
- 一元运算符里面的逻辑非优先级很高
- 逻辑与比逻辑或优先级高
流程控制
一、流程控制的概念
顺序 、选择 、循环
表达式:是由数字、运算符、变量等组成的句子
流程控制的三种结构
顺序结构 分支结构 循环结构
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 ——》 让代码执行下去 ——》 离开时关断点