作业:
- 什么是表达式
- 表达式的语法规则是什么
- 表达式分为哪几类, 每一种表达式举例说明
- 操作符是什么
- 操作数是什么
- 什么是破坏性的操作符,有哪些?
- 操作符分为哪几类, 请举例说明
- 请说明操作符的优先级的规则
- 请举例说明操作符的结合性是什么?
表达式是什么
定义:表达式是一个可以求值的JS短语。(表达式执行后必须返回一个值)
语法规则:
- 所有的表达式都必须计算出一个值
- 表达式可以嵌套
表达式的分类
- 字面量表达式
定义:字面量表达式指直接出现在程序中的常量、字面量。字面量表达式是最简单的表达式。
返回值:字面量本身
100
3.1415926
'100px'
true
undefined
null
- 变量表达式
定义:变量表达式指程序中出现的变量。
返回值:返回的是之前赋值给变量的值
i //变量表达式
num //变量表达式
let str //let不是变量表达式的组成部分;let是关键字,是变量声明(语句)
- 数组定义表达式
[1,2,3]
- 对象定义表达式
{
x: 1,
y: 2
}
- 函数定义表达式
let fn = function(a,b){
return a ** b
}
- 数组访问表达式
arr[0]
arr[arr.length-1]
- 属性访问表达式
arr.length
let student = {
name: '张三',
age: 18
}
student.name // '张三'
- 函数调用表达式
fn()
fn(2,3)
- 赋值表达式
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
- 算数表达式
1 + 1
10**2
- 关系表达式
null == undefined //相等表达式
a != b //不等表达式
'10' > 9 //比较表达式
- 逻辑表达式
100 && alert('hello')
100 || false
!!ture
- 求值表达式(不要求)
- 其他表达式 (不要求)
操作符是什么
定义
定义:操作符是js程序中操作值的符号。
用途:通过操作符可以构建复杂表达式。
操作数
操作数指操作符可以操作值的数量。
一元操作符:操作一个值的操作符
-100
a++
++a
二元操作符:操作两个值
1 + 2
a = 100
a === b
let a,b,c
三元操作符:操作三个值
a ? 100 : -100
操作结果
所有的操作符在操作值的时候必须有返回值。
破坏性操作符
从操作符是否有负作用的角度分类
-
破坏性操作符:指操作符的运算结果会修改之前定义的变量的值。
- 所有的赋值操作符都是破坏性的
-
++
--
一元操作符也是破坏性的
非破坏性操作符: 不会对原有的值产生影响。
操作符的分类
第一组:算数操作符:
一元算数操作符: +
-
++
--
//操作数值
+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