js 隐式转换-白红宇

js 隐式转换

阅读量：4877 次

发布时间：2019-06-11

本文共 3723 字，大约阅读时间需要 12 分钟。

一、ToPrimitive内部运算

1.定义

ToPrimitive运算，它会用于对象转换为原始数据类型，这个运算不只会用在加号运算符，也会用在关系比较或值相等比较的运算中。

语法：ToPrimitive(input, PreferredType?)

input代表代入的值，而PreferredType可以是数字(Number)或字符串(String)其中一种，没有PreferredType默认为数字(Number)。如果input为原始值，则返回原始值；如果为对象，则转换如下：

2.PreferredType为数字(Number)

1).调用对象的valueOf()方法，如果能得到原始数据类型的值，则返回这个值。

2).调用对象的toString()方法，如果能得到原始数据类型的值，则返回这个值。

3).否则，抛出TypeError错误。

3.PreferredType为数字(String)

1).调用对象的toString()方法，如果能得到原始数据类型的值，则返回这个值。

2).调用对象的valueOf()方法，如果能得到原始数据类型的值，则返回这个值。

3).否则，抛出TypeError错误。

4.实例

1)字符串 + 其他原始类型

字符串在加号运算有最高的优先运算，与字符串相加必定是字符串连接运算。所有的其他原始数据类型转为字符串

2)数字 + 其他的非字符串的原始数据类型

数字与其他类型作相加时，除了字符串会优先使用字符串连接运算的，其他都要依照数字为优先，所以除了字符串之外的其他原始数据类型，都要转换为数字来进行数学的相加运算。

3)数字/字符串以外的原始数据类型作加法运算

当数字与字符串以外的，其他原始数据类型直接使用加号运算时，就是转为数字再运算，这与字符串完全无关。

4)[] + []

数组会调用valueOf和toString方法，[] + [] => '"" + "" = ""得到空字符串

5){} + {}

在谷歌浏览器上，{}会调用 valueOf和toString方法得到“[object Object]”，两个相加便得到"[object Object][object Object]"

在Firefox、Edge浏览器则不同，会把前面的{}当做区块语句，略过，剩下+{}，进行Number({})运算，相当于Number("[object Object]")运算，最后得出的是NaN

6){} + []

浏览器把{}当做区块语句略过，剩下+[]，相当于进行Number([])运算，Number("") => 0

7)[] + {}

相当于"" + "[object Object]" => "[object Object]"

8)Date对象

Date对象调用valueOf和toString方法有些不同（一般对象会先调用valueOf再调用toString），Date对象会先调用toString再调用valueOf

二、++[[]][+[]]+[+[]] == 10

首先将++[[]][+[]]+[+[]] 分解为++[[]][+[]] 和 [+[]]

1.[+[]]

+[]，[]是对象，进行toPrimitive运算，调用valueOf方法得到[]不是原始值，然后调用toString方法得到空字符串，转换为数字后得到0，那么[+[]]等于[0]

2.++[[]][+[]]

将++[[]][+[]]变为

var val = [[]][+[]];

++val;

根据上面得出，[+[]]为0，[[]][+[]] => [[]][0] => []

进一步拆分

var val = [];

++val;

因为++时候旧的值要进行 ToNumber() 运算（ToNumber把其他类型按照一定的规则转化成数字类型，也就是类似Number()）

所以++val 相当于 val = ToNumber([]) + 1 => 0 + 1 => 1

3.++[[]][+[]]+[+[]]

++[[]][+[]]+[+[]] => 1 + [0] => 1 + "0" => "10"

所以++[[]][+[]]+[+[]] == 10

三、用隐式转换输出"I love you"

(+!![]/+[]+[])[+[]]+([]+{})[~!![]*~!![]*-~!![]-!![]]+(![]+[])[-~!![]]+([]+{})[+!![]]+([][(![]+[])[!![]-~!![]]+([]+{})[+!![]]+(!![]+[])[+!![]]+(!![]+[])[+[]]]+[])[[]+(+!![]+!![])+(!![]-~!![])]+(!![]+[])[!![]-~!![]]+([]+{})[~!![]*~!![]*-~!![]-!![]]+(+!![]/+[]+[])[-~-~-~-~-~-~!!{}]+([]+{})[+!![]]+(!![]+[])[-~!![]]