运算符

基本运算符

示例代码：

  1. var a = 10, b = 20;
  3. // 加法运算
  4. console.log(30 === a + b);
  5. // 减法运算
  6. console.log(-10 === a - b);
  7. // 乘法运算
  8. console.log(200 === a * b);
  9. // 除法运算
  10. console.log(0.5 === a / b);
  11. // 取余运算
  12. console.log(10 === a % b);
  • 加法运算（+）也可以用作字符串的拼接。
    1. var a = '.w' , b = 'xs';

// 字符串拼接
console.log('.wxs' === a + b);

一元运算符

示例代码：

  1. var a = 10, b = 20;
  3. // 自增运算
  4. console.log(10 === a++);
  5. console.log(12 === ++a);
  6. // 自减运算
  7. console.log(12 === a--);
  8. console.log(10 === --a);
  9. // 正值运算
  10. console.log(10 === +a);
  11. // 负值运算
  12. console.log(0-10 === -a);
  13. // 否运算
  14. console.log(-11 === ~a);
  15. // 取反运算
  16. console.log(false === !a);
  17. // delete 运算
  18. console.log(true === delete a.fake);
  19. // void 运算
  20. console.log(undefined === void a);
  21. // typeof 运算
  22. console.log("number" === typeof a);

位运算符

示例代码：

  1. var a = 10, b = 20;
  3. // 左移运算
  4. console.log(80 === (a << 3));
  5. // 无符号右移运算
  6. console.log(2 === (a >> 2));
  7. // 带符号右移运算
  8. console.log(2 === (a >>> 2));
  9. // 与运算
  10. console.log(2 === (a & 3));
  11. // 异或运算
  12. console.log(9 === (a ^ 3));
  13. // 或运算
  14. console.log(11 === (a | 3));

比较运算符

示例代码：

  1. var a = 10, b = 20;
  3. // 小于
  4. console.log(true === (a < b));
  5. // 大于
  6. console.log(false === (a > b));
  7. // 小于等于
  8. console.log(true === (a <= b));
  9. // 大于等于
  10. console.log(false === (a >= b));

等值运算符

示例代码：

  1. var a = 10, b = 20;
  3. // 等号
  4. console.log(false === (a == b));
  5. // 非等号
  6. console.log(true === (a != b));
  7. // 全等号
  8. console.log(false === (a === b));
  9. // 非全等号
  10. console.log(true === (a !== b));

赋值运算符

示例代码：

  1. var a = 10;
  3. a = 10; a *= 10;
  4. console.log(100 === a);
  5. a = 10; a /= 5;
  6. console.log(2 === a);
  7. a = 10; a %= 7;
  8. console.log(3 === a);
  9. a = 10; a += 5;
  10. console.log(15 === a);
  11. a = 10; a -= 11;
  12. console.log(-1 === a);
  13. a = 10; a <<= 10;
  14. console.log(10240 === a);
  15. a = 10; a >>= 2;
  16. console.log(2 === a);
  17. a = 10; a >>>= 2;
  18. console.log(2 === a);
  19. a = 10; a &= 3;
  20. console.log(2 === a);
  21. a = 10; a ^= 3;
  22. console.log(9 === a);
  23. a = 10; a |= 3;
  24. console.log(11 === a);

二元逻辑运算符

示例代码：

  1. var a = 10, b = 20;
  3. // 逻辑与
  4. console.log(20 === (a && b));
  5. // 逻辑或
  6. console.log(10 === (a || b));

其他运算符

示例代码：

  1. var a = 10, b = 20;
  3. //条件运算符
  4. console.log(20 === (a >= 10 ? a + 10 : b + 10));
  5. //逗号运算符
  6. console.log(20 === (a, b));

运算符优先级

优先级 运算符 说明 结合性
20 ( … ) 括号 n/a
19 … . … 成员访问 从左到右
… [ … ] 成员访问 从左到右
… ( … ) 函数调用 从左到右
17 … ++ 后置递增 n/a
… — 后置递减 n/a
16 ! … 逻辑非 从右到左
~ … 按位非 从右到左
+ … 一元加法 从右到左
- … 一元减法 从右到左
++ … 前置递增 从右到左
— … 前置递减 从右到左
typeof … typeof 从右到左
void … void 从右到左
delete … delete 从右到左
14 … * … 乘法 从左到右
… / … 除法 从左到右
… % … 取模 从左到右
13 … + … 加法 从左到右
… - … 减法 从左到右
12 … << … 按位左移 从左到右
… >> … 按位右移 从左到右
… >>> … 无符号右移 从左到右
11 … < … 小于 从左到右
… <= … 小于等于 从左到右
… > … 大于 从左到右
… >= … 大于等于 从左到右
10 … == … 等号 从左到右
… != … 非等号 从左到右
… === … 全等号 从左到右
… !== … 非全等号 从左到右
9 … & … 按位与 从左到右
8 … ^ … 按位异或 从左到右
7 … ｜ … 按位或 从左到右
6 … && … 逻辑与 从左到右
5 … ｜｜ … 逻辑或 从左到右
4 … ? … : … 条件运算符 从右到左
3 … = … 赋值 从右到左
… += … 赋值 从右到左
… -= … 赋值 从右到左
… *= … 赋值 从右到左
… /= … 赋值 从右到左
… %= … 赋值 从右到左
… <<= … 赋值 从右到左
… >>= … 赋值 从右到左
… >>>= … 赋值 从右到左
… &= … 赋值 从右到左
… ^= … 赋值 从右到左
… ｜= … 赋值 从右到左
0 … , … 逗号 从左到右

原文:

https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/04operator.html