算术运算符

如 + , - , * , / , % , ++ , --

• % 表示取余或取模
• ++ 表示自增1

重点理解

• ++ 前置 ，表示先自增1再与其他数据进行运算
• 后置 ++ ，先参与运算再自增1

如

let a = 2, b = 3, c;
c = ++a - b--;
console.log(a, b, c);

输出结果为
3,2,0

继续，太简单了，可以尝试一下这个（注意从上往下，实时更新变量）

        let A = 1, B = 2, C;
        C = A++ + B;
        console.log(A, B, C);
        C = --A + B;
        console.log(A, B, C);
        A = C-- + (++B);
        console.log(A, B, C);
        B = A-- +(++C);
        console.log(A, B, C);

比较运算符

== , !=, >, >=, < , <= , ===(全等于), !==(不全等于)

a. 比较运算符的结果会转换成boolean的类型：true flase
b.说明

• ==（等于）: 比较值的大小是否相等，不比较值的类型 （比较大小）
• ** ===(全等于)**: 既比较值的大小是否相等，又比较值的类型.（比较大小，类型）
• !=（不等于）：结果和==相反
• ! = =（不全等于）：结果和===相反

条件运算符

(expr1) ? (expr2) : (expr3) ;

逻辑运算符

&&（与） ||（或） ! (非)

a.a&&b（并且）： 逻辑与，当a和b都为true时，返回值为true，否则返回false。
b.a| |b（或者）： 逻辑或，当a和b都为false时，才返回false。返回其中第一个不为false的值或者最后一个值
c.!a(取反) ： 逻辑非，当a为true时，返回值为false，否则返回true。

字符串运算符(拼接)

加 +

一个表达式中，字符串与任何变量进行+运算，都是进行字符串连接，运算结果为一个新的字符串。

• 常用于URL地址拼接或字符串的拼接

• 如 拼接api地址（接口地址）

赋值运算符

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

详细说明
+=如 a+=b 等价于 a=a+b;
-=如 a-=b 等价于 a=a-b;
*= 如 a*=b 等价于 a=a*b;
/=如 a/=b 等价于 a=a/b;
%=如 a%=b 等价于 a=a%b;

注意

• += 主要用于焦点图的换图操作，动态改变left的值

运算符优先级

（）> 单目运算符（!,++,--）>算术运算符（*,/,%）>比较运算符>

运算符优先级image.png

注意

赋值优先级最低
先乘除后加减
优先级相同情况下,从左到右依次计算.

如果实在是记不住，就注意逻辑非的优先级仅次于括号。逻辑与优先于逻辑或，他们优先于条件运算符（即三目运算符），赋值运算符优先级最低。