7.7 JavaScript基础 -- 操作符

ECMAScript描述了一组用于操作数据值的「操作符」ECMAScript 操作符的与众不同之处在于，它们能够适用于很多值，例如字符串、数字值、布尔值，甚至对象。操作符的种类也很多，包括：「算术操作符」「逻辑操作符」「赋值操作符」「比较操作符」「三元操作符」

表达式的概念

将同类型的数据数据（如常量、变量、函数等），用「操作符」按照一定的规则连接起来的、有意义的式子称为表达式

算术操作符

加、减、乘、除、取余

image.png

image.png

递增和递减
「++a」与「a++」都是对a进行递增的操作
区别是「++a」先返回递增之后的a的值，a++是先返回a的原值。再返回递增之后的值。递减同理

image.png

image.png

赋值操作符

1. 简单赋值：「=」
2. 符合赋值：「+=」
3. 符合赋值：「-=」
4. 符合赋值：「*= 」
5. 符合赋值：「/=」
6. 符合赋值：「%=」

image.png

比较操作符

比较操作符的返回值：「Boolean类型」

1. 大于「>」
2. 小于「<」
3. 大于等于「>=」
4. 小于等于「<=」
5. 相等「==」
6. 全等「===」
7. 不相等「!=」
8. 不全等「!==」

image.png

三元操作符

语法：表达式 ? 代码1 : 代码2

可以替代简单的if语句，表达式为true，则执行代码1，表达式为false，则执行代码2

image.png

逻辑操作符

逻辑与「&&」

与（并且），只要有一个条件不成立，则会返回false

逻辑与说明
在有一个操作符不是布尔值的时候，逻辑与的操作就不一定返回布尔值，此时他遵循下列规则：

1. 如果第一个操作数隐式类型转换为true，则返回第二个操作数
2. 如果第一个操作数隐式类型转为false，则返回第一个操作数
3. 只要有一个操作数是 ，则会返回null
4. 只要有一个操作数是undefined，则会返回undefined
5. 只要有一个操作数是NaN，则会返回NaN

image.png

逻辑或「||」
或（或者），只要有一个条件成立，则会返回true
在有一个操作符不是布尔值的时候，逻辑或的操作就不一定返回布尔值，此时他遵循下列规则：

1. 返回操作数隐式转换为true的操作数，如果所有的操作数都为false，则返回最后一个操作数

image.png

逻辑非「!」
非（取反），无论操作数是什么l类型，逻辑非都会返回一个布尔值

image.png