作业：

1. 什么是表达式
2. 表达式的语法规则是什么
3. 表达式分为哪几类, 每一种表达式举例说明
4. 操作符是什么
5. 操作数是什么
6. 什么是破坏性的操作符，有哪些？
7. 操作符分为哪几类, 请举例说明
8. 请说明操作符的优先级的规则
9. 请举例说明操作符的结合性是什么？

表达式是什么

定义：表达式是一个可以求值的JS短语。（表达式执行后必须返回一个值）

语法规则：

1. 所有的表达式都必须计算出一个值
2. 表达式可以嵌套

表达式的分类

1. 字面量表达式
   定义：字面量表达式指直接出现在程序中的常量、字面量。字面量表达式是最简单的表达式。
   返回值：字面量本身

100
3.1415926
'100px'
true
undefined
null

2. 变量表达式
   定义：变量表达式指程序中出现的变量。
   返回值：返回的是之前赋值给变量的值

i //变量表达式
num //变量表达式
let str //let不是变量表达式的组成部分；let是关键字，是变量声明(语句)

3. 数组定义表达式

[1,2,3]

4. 对象定义表达式

{
  x: 1,
  y: 2
}

5. 函数定义表达式

let fn = function(a,b){
  return a ** b
}

6. 数组访问表达式

arr[0]
arr[arr.length-1]

7. 属性访问表达式

arr.length

let student = {
  name: '张三',
  age: 18
}

student.name // '张三'

8. 函数调用表达式

fn()
fn(2,3)

9. 赋值表达式

a = 100
a += 100  // a = a + 100
a -= 100 // a = a - 100
a *= 100 // a = a * 100
a /= 100 // a = a / 100
a %= 100 // a = a % 100
a **= 100 // a = a ** 100

10. 算数表达式

1 + 1
10**2

11. 关系表达式

null == undefined //相等表达式
a != b //不等表达式
'10' > 9 //比较表达式

12. 逻辑表达式

100 && alert('hello')
100 || false
!!ture

13. 求值表达式（不要求)
14. 其他表达式 （不要求)

操作符是什么

定义
定义：操作符是js程序中操作值的符号。
用途：通过操作符可以构建复杂表达式。

操作数
操作数指操作符可以操作值的数量。
一元操作符：操作一个值的操作符

-100
a++
++a

二元操作符：操作两个值

1 + 2
a = 100
a === b
let a,b,c

三元操作符：操作三个值

a ? 100 : -100

操作结果
所有的操作符在操作值的时候必须有返回值。

破坏性操作符
从操作符是否有负作用的角度分类

• 破坏性操作符：指操作符的运算结果会修改之前定义的变量的值。

  1. 所有的赋值操作符都是破坏性的
  2. ++ -- 一元操作符也是破坏性的

• 非破坏性操作符： 不会对原有的值产生影响。

操作符的分类
第一组：算数操作符：
一元算数操作符: + - ++ --

//操作数值
+100//不会对数值产生任何影响
-100//对符号位取反
//操作非数值：先调用Number()转为数值再运算
1 + +'2' + 3 //转换为数值
1 + -true //0
1 + +true //2
1 + true//2

二元算数操作符：+ - * / % **

第二组：关系操作符（任意类型)
通过操作符比较两个值的关系：是否相等、大于还是小于等。
相等不等操作符：== === != !==

比较操作符: < > <= >=

in操作符

instanceof操作符

第三组：逻辑操作符（任意类型)

定义：通过操作符对两个值进行逻辑的判断。

逻辑与: &&

逻辑或: ||

逻辑非：!

第四组：赋值操作符 （任意类型)

定义：通过操作符为变量赋值

= += -= *= /= %= **=

第五组：其他操作符

连接操作符： +

检测数据类型的操作符: typeof

删除操作符： delete

逗号操作符：,

void操作符：

操作符的喜好

操作符在操作值的时候是对值有要求的，有些操作符喜欢数值，有些操作符来者不拒。

操作符的优先级

操作符是有优先级的

1 + 2 * 3 //7
2*3**2 //18

语法规则：

• 一元操作符拥有最高的优先级
• 逗号操作符的优先级最低
• 赋值操作符的优先级倒数第2低
• 幂操作符的优先级高于乘、除、取余操作符
• 乘除取余高于加减
• 算数运算符 > 关系运算符 > 逻辑运算符

操作符的结合性

操作的结核性指：操作符在操作值的时候的计算方向

• 左结合：从左向右执行计算
• 右结合：从右向左执行计算

//大多数操作符都具有左结合性
1 + 2 + 3

//少量的操作符具有右结合性：幂、赋值运算符、三元运算符
2**3**2//右结合

let c = 2 //右结合

-c++ //

a ？ 'hello' : (b ? 1:0)

算数操作符

• 加
• 减
• 乘
• 除: 第一个数除第二个数。js中的所有数值都是浮点数，因此除法的结果都是浮点数。 5/2的结果是2.5 ，被零除得到无穷，0/0的结果为NaN
• 取模:计算第一个数对第二个数的取模结果。
• 取幂

规则

• 我喜欢数值
• 如果是非数值，则调用Number()转数值
• 无法转为数值的转为NaN
• 如果有操作数为NaN，则返回值是NaN

+操作符

定义：用于计算或字符串拼接。

1 + 1 //2
1 + 2 + '5' // 35
1 + '2' + 5 // 125
1 + {} // '1[object object]'对象转为字符串后再拼接
true + true //2
1 + null // 1
1 + undefined //NaN