目录
数学操作符
概述
加法运算符:
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"
转换过程如下:
- 首先,自动调用对象的
valueOf()
。
var obj = { p: 1 };
obj.valueOf() // { p: 1 }
- 一般来说,对象的valueOf方法总是返回对象自身,这时再自动调用对象的toString方法,将其转为字符串。
var obj = { p: 1 };
obj.valueOf().toString() // "[object Object]"
- 结果
对象的 toString()
默认返回 [object Object]
,所以就得到了最前面那个例子的结果。
调整
- 自定义 valueOf()
var obj = {
valueOf: function () {
return 1;
}
};
obj + 2 // 3
- 自定义 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协议