124-重温基础：表达式和运算符

本文是重温基础系列文章的第五篇。 今日感受：家的意义。

本章节复习的是JS中的表达式和运算符，用好这些可以大大提高开发效率。

一些基础：JavaScript中运算符有一元、二元和三元（条件）运算符，常见写法：

本文将介绍一下几类运算符：

赋值运算符(Assignment operators)

比较运算符(Comparison operators)

算数运算符(Arithmetic operators)

位运算符(Bitwise operators)

逻辑运算符(Logical operators)

字符串运算符(String operators)

条件（三元）运算符(Conditional operator)

逗号运算符(Comma operator)

一元运算符(Unary operators)

关系运算符(Relational operator)

1.赋值运算符

最简单的赋值运算符是 ，它将右边操作数的值赋值给左边的操作数，如 。

另外常见的复合赋值运算符有如下：

另外在ES6中，新增一类解构赋值：

2.比较运算符

通过比较两个比较对象来返回一个是否为真的布尔值，当两个比较的对象不是相同类型，JavaScript会尝试将两个比较对象转换成相同类型进行比较:

常用的比较运算符有：

注意：

不是运算符，而是ES6中新增的箭头函数的标记符号。

3.算数运算符

除了标准的加减乘除这些基本运算符，JavaScript还提供一些新的算数运算符：

4.位运算符

位运算符是在数字底层（即表示数字的 32 个数位）进行操作的。

复习数字32位数的表示

示例解释：

1的二进制表示为

3的二进制表示为

1.按位与

使用案例

1.16进制颜色值转RGB：

2.RGB转16进制：

5.逻辑运算符

常用来处理布尔值，但是当处理非布尔值的时候，往往返回非布尔值：

注意： 能被转成 的值有 ， ， ，空字符串 和 。

几个示例：

常常还使用短路求值：

6.字符串运算符

在拼接字符串中，由 来连接两个字符串：

7.条件（三元）运算符

可以使用三个操作数的运算符，运算结果为根据给定条件在两个值中取一个：

8.逗号运算符

对两个操作数求值并且返回最终操作数的值，通常用于 循环中，在每次循环时对多个变量进行更新：

9.一元运算符

一元操作符仅对应一个操作数。

delete

删除一个对象或一个对象的属性或者一个数组中某一个键值，返回一个布尔值，删除成功返回 ，否则返回 :

typeof

返回一个参数的类型的字符串值，参数可以输字符串，变量，关键词或者对象:

参数也可以是表达式， 会根据其返回结果返回所包含的类型：

void

表示一个运算没有返回值，常常用在创建一个超链接文本，但是点击的时候没有任何效果：

10.关系运算符

比较两个操作数：

in

判断指定属性是否在指定对象中，若是则返回 ：

instanceof

判断一个对象是否是指定类型，若是则返回 ：

11.运算符优先级

当我们需要调整表达式计算顺序，就需要用到运算符的优先级，通过括号来实现排序，常见优先级从高到低：

参考资料

1.MDN 表达式和运算符

本部分内容到这结束