JavaScript隐式范例转换
基本数据范例
ECMAScript 一共定义了七种 build-in types
,个中六种为 Primitive Value
,Null
, Undefined
,String
, Number
, Boolean
, Symbol
。而末了一种 Object
build-in type 与一般意义上的 JavaScript 中 Object 并不一样,总的来说,只需不属于 Primitive Value 的值,就属于 Object
范例,比方数组、对象、日期、正则、函数。
装箱转换
每一种基本范例 number
, string
, boolean
, symbol
在 Object(build-in type)
中都有对应的类。所谓装箱转换,恰是把基本范例转换为对应的对象,他是范例转换中一种相称主要的品种。
JavaScript 言语设想上试图隐约对象和基本范例之间的关联,比方,我们能够直接在基本范例上运用对象的要领:
console.log('abc'.charAt()); // a
以至我们在原型上增加要领,都能够应用于基本范例。
实际上是 .
运算符供应了装箱操纵,它会依据基本范例组织一个暂时对象,使得我们能在基本范例上挪用对应对象的要领。
拆箱转换
在 JavaScript 范例中,划定了 ToPrimitive 函数,它是对象范例到基本范例的转换(即,拆箱转换)。
对象到 String 和 Number 的转换都遵照“先拆箱再转换”的划定规矩。经由过程拆箱转换,把对象变成基本范例,再从基本范例转换为对应的 String 或许 Number。
拆箱转换会尝试挪用 valueOf 和 toString 来取得拆箱后的基本范例。假如 valueOf 和 toString 都不存在,或许没有返回基本范例,则会发生范例毛病 TypeError。
ToPrimitive
ToPrimitive
用于将 Object
转为 Primitive Value
关于我们寻常碰到的 Object,其处置惩罚逻辑是:
- 挪用
Object.valueOf
,假如效果是Primitive Value
,则返回; - 挪用
Object.toString
,假如效果是Primitive Value
,则返回; - 都不是,返回 TypeError
一般对象和数组的这两个要领返回的效果以下:
var a = [12]
var b = {a: 123}
// [12]
a.valueOf()
// '12'
a.toString()
// {a: 123}
b.valueOf()
// '[object Object]'
b.toString()
如上,二者的 valueOf
返回的都不是 Primitive Value
(返回了本身,照样 Object
范例)。那末,依据范例,二者挪用 ToPrimitive
返回的将是一个 字符串。
显现范例转换
ToBoolean
这个要领用于将不是 Boolean
范例的值转换为 Boolean
范例。
-
Undefined
返回 false -
Null
返回 false - 一切
Object
范例都会被转换为 true; -
Number
范例中,0,NaN 会被转换为 false,别的都为 true - 只要空字符串为 false,别的都为 true
ToNumber
别的范例转换为 Number
范例。
-
Undefined
返回 NaN -
Null
返回 0 -
Boolean
范例,true
为 1;false
为 0 -
String
范例,假如满足数字语义则转为数字,不然转换为 NaN -
Object
范例,先转换为Primitive Value
再递归挪用本身 ToNumber 来转换。
// '56' ==> 56
Number([56])
// ',56' ==> NaN
Number([,56])
// '55,56' ==> NaN
Number([55, 56])
ToString
-
Number
返回 对应数值字符串 -
Boolean
返回字符串 “true” 或许 “false” -
Undefined
返回 “undefined” -
Null
返回 “null”
隐式范例转换
了解了上面的学问,能够最先进入我们的正题了,在 JavaScript 中能够触发隐式范例转换的操纵有:
- 四则运算:
+
,-
,*
,/
- 比较运算符:
==
,<
,>
,>=
,<=
- 推断语句:
if
,while
- Native挪用:
console
,alet
输入时会自动转换成String
范例 - 逻辑非 !,将直接挪用 ToBoolean 要领,然后取反返回。
比较运算符
非严厉比较(==)
- 假如
Type
雷同,等价于A === B
- 迥殊的,
undefined == null
-
String == Number
,则把String
转换成Number
- 有
Boolean
值的,将Boolean
转换成Number
-
Object String/Number/Symbol
,将Object
转换成Primitive Value
- 不然,返回 false
// '12' ==> 12;
// 返回 true
12 == '12'
// 转 boolean: [] == 0
// 转 object: '' == 0
// 转 string: 0 == 0
// 返回 true
[] == false
// 转 object: '45' == 45
// 转 string: 45 == 45
// 返回 true
[45] == 45
// 单目: {} == false
// 转 boolean: {} == 0
// 转 object: '[object Object]' == 0
// 转 string: NaN == 0
// 返回 false
{} == !{}
// 单目:[] == fasle
// 转 boolean: [] == 0
// 转 array: "" == 0
// 转 string: 0 == 0
// 返回 true
[] == ![]
[] == []
[] == 0
严厉比较 (===)
- 范例差别,直接返回 false
-
Number
范例推断:有 NaN 就 false; - 迥殊的 +0 === -0;
- 末了挪用
SameValueNonNumber
别的 != 和 !== 则是指出了 A != B 与 !(A == B) 是完整等价的。在推断 !=/!== 时,实在就是在推断 ==/===.
不等关联
- 双方操纵数挪用
ToPrimitive
转换为Primitive Value
因为
Primitive Value
出来有String
和Number
两种效果,离别有差别的比较划定规矩;- 假如双方的值都是 String,则 按 code unit 比较,
- 假如一边是 Number,则将另一边也转换为 Number;注重 Number 须要处置惩罚 +0/-0/NaN/Infinity 等状况
// 注重转换后为 '45' < '46'
// 按字符串划定规矩比较 终究比较的是 '5'.charCodeAt() < '6'.charCodeAt() => 53 < 54
// 返回 true
[45] < [46]
// 同理 [10] < [9] 末了举行的是 '10' < '9' 的比较,是字符串之间的笔记,不会转换为数字间的比较,
// 实在终究比较的是 '1'.charCodeAt() < '9'.charCodeAt() => 49 < 57.
[10] < [9]
练习题
// 每一个表达式是 true 照样 false 呢?为啥呢?
// 初阶
!{}
12 == '12'
'false' == false
null == undefined
// 高阶
[] == []
[] == false
[] === false
[45] == 45
// 终阶
[45] < [46] ?
[10] < [9] ?
{} == !{}
{} != {}
-0 === +0
NaN === NaN
NaN != NaN
// 转换前提 转换后范例 效果
[]+[] // String “”
[1,2]+[3,4] // String “1,23,4”
[]+{} // String “[object Object]”
[1,2] + {a:1} // String “1,2[object Object]”
{}+[] // Number 0
{}+[1] //Number 1
{a:1}+[1,2] // Number NaN
{a:1}+{b:2} // Chrome - String “[object Object][object Object]” (背地完成eval)
{a:1}+{b:2} // Firefox - Number NaN
true+true // Number 2
1+{a:1} // String “1[object Object]”