js 系统教程-10-js 运算符之数学运算符

目录

数学操作符

概述

• 加法运算符：x + y

• 减法运算符： x - y

• 乘法运算符： x * y

• 除法运算符： x / y

• 指数运算符：x ** y

• 余数运算符：x % y

• 自增运算符：++x或者 x++

• 自减运算符：--x 或者 x--

• 数值运算符： +x

• 负数值运算符：-x

加法运算符

基本规则

加法运算符（+）是最常见的运算符，用来求两个数值的和。

1 + 1 // 2

• boolean 值

true + true // 2
1 + true // 2

布尔值都会自动转成数值，然后再相加。

• string 值

如果是两个字符串相加，这时加法运算符会变成连接运算符，返回一个新的字符串，将两个原字符串连接在一起。

'a' + 'bc' // "abc"

如果一个运算子是字符串，另一个运算子是非字符串，这时非字符串会转成字符串，再连接在一起。

1 + 'a' // "1a"
false + 'a' // "falsea"

• 运算时决定

加法运算符是在运行时决定，到底是执行相加，还是执行连接。

也就是说，运算子的不同，导致了不同的语法行为，这种现象称为“重载”（overload）。

ps: 这种设计确实很容易造成混乱，使用时务必小心。

'3' + 4 + 5 // "345"
3 + 4 + '5' // "75"

• 其他运算符

除了加法运算符，其他算术运算符（比如减法、除法和乘法）都不会发生重载。

它们的规则是：所有运算子一律转为数值，再进行相应的数学运算。

1 - '2' // -1
1 * '2' // 2
1 / '2' // 0.5

对象的相加

如果运算子是对象，必须先转成原始类型的值，然后再相加。

var obj = { p: 1 };
obj + 2 // "[object Object]2"

转换过程如下：

1. 首先，自动调用对象的 valueOf()。

var obj = { p: 1 };
obj.valueOf() // { p: 1 }

1. 一般来说，对象的valueOf方法总是返回对象自身，这时再自动调用对象的toString方法，将其转为字符串。

var obj = { p: 1 };
obj.valueOf().toString() // "[object Object]"

1. 结果

对象的 toString() 默认返回 [object Object] ，所以就得到了最前面那个例子的结果。

• 调整

  1. 自定义 valueOf()

var obj = {
  valueOf: function () {
    return 1;
  }
};

obj + 2 // 3

1. 自定义 toString()

var obj = {
  toString: function () {
    return 'hello';
  }
};

obj + 2 // "hello2"

余数运算符

余数运算符（%）返回前一个运算子被后一个运算子除，所得的余数。

12 % 5 // 2

需要注意的是，运算结果的正负号由第一个运算子的正负号决定。

-1 % 2 // -1
1 % -2 // 1

• 浮点数运算

余数运算符还可以用于浮点数的运算。

但是，由于浮点数不是精确的值，无法得到完全准确的结果。

6.5 % 2.1
// 0.19999999999999973

自增和自减运算符

自增和自减运算符，是一元运算符，只需要一个运算子。

它们的作用是将运算子首先转为数值，然后加上1或者减去1。它们会修改原始变量。

var x = 1;
++x // 2
x // 2

--x // 1
x // 1

• 运算的副作用

运算之后，变量的值发生变化，这种效应叫做运算的副作用（side effect）。
自增和自减运算符是仅有的两个具有副作用的运算符，其他运算符都不会改变变量的值。

• 顺序问题

自增和自减运算符有一个需要注意的地方，就是放在变量之后，会先返回变量操作前的值，再进行自增/自减操作；放在变量之前，会先进行自增/自减操作，再返回变量操作后的值。

var x = 1;
var y = 1;

x++ // 1
++y // 2

ps: 想到前几天 java 中也提到这个，写成 js

var num = 0;
num = num++;
console.log(num); //0

数值运算符，负数值运算符

数值运算符（+）同样使用加号，但它是一元运算符（只需要一个操作数），而加法运算符是二元运算符（需要两个操作数）。

数值运算符的作用在于可以将任何值转为数值（与 Number 函数的作用相同）。

+true // 1
+[] // 0
+{} // NaN

负数值运算符（-），也同样具有将一个值转为数值的功能，只不过得到的值正负相反。连用两个负数值运算符，等同于数值运算符。

var x = 1;
-x // -1
-(-x) // 1

指数运算符

指数运算符（**）完成指数运算，前一个运算子是底数，后一个运算子是指数。

2 ** 4 // 16

赋值运算符

赋值运算符（Assignment Operators）用于给变量赋值。

最常见的赋值运算符，当然就是等号（=）。

// 将 1 赋值给变量 x
var x = 1;

// 将变量 y 的值赋值给变量 x
var x = y;

• 算术运算符

// 等同于 x = x + y
x += y

// 等同于 x = x - y
x -= y

// 等同于 x = x * y
x *= y

// 等同于 x = x / y
x /= y

// 等同于 x = x % y
x %= y

// 等同于 x = x ** y
x **= y

• 位运算

// 等同于 x = x >> y
x >>= y

// 等同于 x = x << y
x <<= y

// 等同于 x = x >>> y
x >>>= y

// 等同于 x = x & y
x &= y

// 等同于 x = x | y
x |= y

// 等同于 x = x ^ y
x ^= y

原文地址

原文地址

本教程采用知识共享 署名-相同方式共享 3.0协议

目录导航

目录导航