常用的有算术运算符(加减乘除和赋值)、比较运算符和布尔运算符
加法运算符:
加法运算符(+
)是最常见的运算符也是最复杂的,用来求两个数值的和
1 + 1 // 2
JavaScript
允许非数值的相加
true + true // 2
1 + true // 2
上面两代码,第一个是两个布尔值相加,第二个是数值和布尔值相加,这两种情况布尔值都会自动转成数值,然后相加;比较特殊的是如果两个运算子中有一个是字符串,这时非字符串会转成字符串,加法运算符会变成连接运算符,把两个相连接起来
1 + 'a' // "1a"
加法运算符是在运算时决定,到底是执行相加还是执行连接,也就是说,运算子的不同,导致了不同的语法行为,这种现象称为“重载”(overload
)
'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
方法,一般返回对象自身;
然后在调用对象的toString
方法,将其转为字符串
var obj = { p: 1 };
obj.valueOf() // {p:1}
obj.valueOf().toString() // "[object Object]"
数值运算符:
数值运算符(+
、-
)只需要一个操作数,它的作用在于可以将任何值转为数值(与Number
函数的作用相同),返回一个新的值,不会改变原始变量的值
+true // 1
+[] // 0
+{} // NaN
比较运算符:
注意一点,两个复合类型(对象、数组、函数)的数据比较时,不是比较它们的值是否相等,而是比较它们是否指向同一个地址,所以两个对象总是不相等的
{} === {} // false
[] === [] // false
(function(){} === function(){}) // false
使用==
时,若两侧类型相同,则比较结果和===
相同,否则会发生隐式转换,分为以下几种情况:
NaN
NaN
和其他任何类型比较永远返回false
(包括他自己)NaN == NaN // false
Boolean
Boolean
和其他任何类型比较,Boolean
首先被转换为Number
类型true == 1 // true
true == '2' // false
true == ['1'] // true
true == ['2'] // false
这里注意一个可能会弄混的点:undefined、null和Boolean比较,虽然undefined、null和false都很容易被想象成假值,但是他们比较结果是false,原因是false首先被转换成0:
undefined == false // false
null == false // false
String
和Number
String
和Number
比较,先将String
转换为Number
类型123 == '123' // true
'' == 0 // true
null
和undefined
null == undefined
比较结果是true
,除此之外,null
、undefined
和其他任何结果的比较值都为false
null == undefined // true
null == '' // false
null == 0 // false
null == false // false
undefined == '' // false
undefined == 0 // false
undefined == false // false
'[object Object]' == {} // true
'1,2,3' == [1, 2, 3] // true
来看下面这个比较:[] == ![] // true
!
的优先级高于==
,![]
首先会被转换为false
,然后根据上面第三点,false
转换成Number
类型0
,左侧[]
转换为0
,两侧比较相等[null] == false //true
[undefined] == false //true
根据数组的ToPrimitive规则,数组元素为null
或undefined
时,该元素被当做空字符串处理,所以[null]
、[undefined]
都会被转换为0
强制转换:主要指使用Number()
、String()
和Boolean()
三个函数手动将各种类型的值,分别转换成数字、字符串或者布尔值
Number()
的转换规则如下:
(1)、原始类型值得转换规则如下:
// 数值:转换后还是原来的值
Number(324) // 324
// 字符串:如果可以被解析为数值,则转换为相应的数值
Number('324') // 324
// 字符串:如果不可以被解析为数值,返回 NaN
Number('324abc') // NaN
// 空字符串转为0
Number('') // 0
// 布尔值:true 转成 1,false 转成 0
Number(true) // 1
Number(false) // 0
// undefined:转成 NaN
Number(undefined) // NaN
// null:转成0
Number(null) // 0
(2)、对象
第一步,调用对象自身的valueOf
方法,如果返回原始类型的值,则直接对该值使用Number
函数,不在进行后续步骤
第二步,如果valueOf
方法返回的还是对象,则改为调用对象自身的toString
方法,如果返回的是原始类型的值,则对该值使用Number
函数,不在进行后续步骤
第三步,如果toString
方法返回的是对象,就报错
var obj = {x: 1};
Number(obj) // NaN
// 等同于
if (typeof obj.valueOf() === 'object') {
Number(obj.toString());
} else {
Number(obj.valueOf());
}
String()
的转换规则和Number()
的正好相反:
(1)、原始类型值:
true
转为字符串”true“
,false
转为字符串”false“
undefined
:转为字符串”undefined“
null
:转为字符串”null“
(2)、对象
1、先调用对象自身的toString
方法,如果返回原始类型的值,则对该值使用String
函数,不再进行以下步骤
2、如果toString
方法返回的是对象,在调用原对象的valueOf
方法,如果返回原始类型的值,则使用String
函数,不在进行以下步骤
3、如果valueOf
返回的是对象,就报错
String({a: 1})
// "[object Object]"
// 等同于
String({a: 1}.toString())
// "[object Object]"
Boolean()
函数的转换规则相对简单:除了以下五个值得转换结果为false
,其他的值全部为true
undefined
null
0
(包含-0
和+0
)NaN
''
(空字符串)Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean(NaN) // false
Boolean('') // false
注意,所有对象(包括空对象)的转换结果都是true
,甚至连false
对应的布尔对象new Boolean(false)
也是true
Boolean({}) // true
Boolean([]) // true
Boolean(new Boolean(false)) // true
自动转换:
遇到以下三种情况,JavaScript会自动转换数据类型,即转换是自动完成的,用户不可见
第一种情况,不同类型的数据相互运算
123 + 'abc' // "123abc"
第二种情况,对非布尔值类型的数据求布尔值
if ('abc') {
console.log('hello')
} // "hello"
第三种情况,对非数值类型的值使用一元运算符(即+
和-
)
+ {foo: 'bar'} // NaN
- [1, 2, 3] // NaN
自动转换成布尔值:
JavaScript 遇到预期为布尔值的地方(比如if语句的条件部分),就会将非布尔值的参数自动转换为布尔值。系统内部会自动调用Boolean函数
自动转换为字符串:
JavaScript 遇到预期为字符串的地方,就会将非字符串的值自动转为字符串。具体规则是,先将复合类型的值转为原始类型的值,再将原始类型的值转为字符串。
字符串的自动转换,主要发生在字符串的加法运算时。当一个值为字符串,另一个值为非字符串,则后者转为字符串
自动转换为数值:
JavaScript 遇到预期为数值的地方,就会将参数值自动转换为数值。系统内部会自动调用Number函数。
除了加法运算符(+)有可能把运算子转为字符串,其他运算符都会把运算子自动转成数值
'5' - '2' // 3
'5' * '2' // 10
true - 1 // 0
false - 1 // -1
'1' - 1 // 0
'5' * [] // 0
false / '5' // 0
'abc' - 1 // NaN
null + 1 // 1
undefined + 1 // NaN
注意:
null
转为数值时为0
,而undefined
转为数值时为NaN