JS-类型隐式转换

内部用于实现类型转换的4个函数

1.1 ToPrimitive ( input [ , PreferredType ] )

ToPrimitive将input转换为基本数据类型，PreferredType要么不传，要么是number、string。

1.1.1 PreferredType为number

如果input本身就是原始类型，直接返回input。
调用input.valueOf()，如果结果是原始类型，则返回这个结果。
调用input.toString()，如果结果是原始类型，则返回这个结果。
抛出TypeError异常。

1.1.2 PreferredType为string

如果input本身就是原始类型，直接返回input。
调用input.toString()，如果结果是原始类型，则返回这个结果。
调用input.valueOf()，如果结果是原始类型，则返回这个结果。
抛出TypeError异常。

1.1.3 PreferredType不传入

如果input是内置的Date类型，PreferredType 视为String
否则PreferredType 视为 Number。

来看看这道网上的面试题

({}) + 1

+号操作符，只有当左右两边的类型相同（都为string或者number）是才进行操作。所以会经历如下步骤：

{}和1都会调用ToPrimitive，1原始类型直接返回。
{}内部调用DefaultNumber，使用valueOf方法，返回object。
在调用toString方法，返回[object, object]。
所以最后的结果就是[object, object]1。
这一类转换换汤不换药，转换规则都是这样的。

1.2 ToBoolean ( argument )

1.3 ToNumber( argument )

1.4 ToString( argument )

2、隐式类型装换

在执行过程中当js内部期望得到某种类型的值，而实际在那里的值是其他的类型，就会发生隐式类型转换。系统内部会自动调用我们前面说ToBoolean ( argument )、ToNumber ( argument )、ToString ( argument )，尝试转换成期望的数据类型。

2.1 期望得到boolean的值

if ( !undefined && !null && !0 && !NaN && !'') {
  // xxxx
} 

因为在if的括号中，js期望得到boolean的值，所以对括号中每一个值都使用ToBoolean ( argument )，将它们转化成boolean。

2.2 期望得到number的值

3 * { valueOf: function () { return 5 } };

因为在乘号的两端，js期望得到number类型的值，所以对右边的那个对象使用ToNumber ( argument )，得到结果5，再与乘号左边的3相乘。

2.3 加号有别于其他运算符

如果有一边是字符串，就把另外一边也转换为字符串
如果一方不是字符串或者数据，就转换为数据或者字符串
除了加号运算符，其他运算符，只要其中一方数据，那么另一方就被转换为数字

参考链接

你可能感兴趣的：

JS-代码分析解释到执行