js中的强制转换规则
前言
JavaScript 中共有七种内置数据类型，包括基本类型和对象类型
基本类型
基本类型分为以下六种：
-
string（字符串）
-
boolean（布尔值）
-
number（数字）
-
symbol（符号）
-
null（空值）
-
undefined（未定义）
string 、number 、boolean 和 null undefined 这五种类型统称为原始类型（Primitive），表示不能再细分下去的基本类型
symbol是ES6中新增的数据类型，symbol 表示独一无二的值，通过 Symbol 函数调用生成，由于生成的 symbol 值为原始类型，所以 Symbol 函数不能使用 new 调用
null 和 undefined 通常被认为是特殊值，这两种类型的值唯一，就是其本身
对象类型
对象类型也叫引用类型，array和function是对象的子类型。对象在逻辑上是属性的无序集合，是存放各种值的容器。对象值存储的是引用地址，所以和基本类型值不可变的特性不同，对象值是可变的
js中的强制转换规则
ToPrimitive(转换为原始值)
ToPrimitive对原始类型不发生转换处理，只针对引用类型（object）的，其目的是将引用类型（object）转换为非对象类型，也就是原始类型
ToPrimitive 运算符接受一个值，和一个可选的 期望类型作参数。ToPrimitive 运算符将值转换为非对象类型，如果对象有能力被转换为不止一种原语类型，可以使用可选的期望类型来暗示那个类型
转换后的结果原始类型是由期望类型决定的，期望类型其实就是我们传递的type。直接看下面比较清楚。ToPrimitive方法大概长这么个样子具体如下
/** * @obj 需要转换的对象 * @type 期望转换为的原始数据类型，可选 */ ToPrimitive(obj,type)
type不同值的说明
-
type为string
-
先调用obj的toString方法，如果为原始值，则return，否则第2步
-
调用obj的valueOf方法，如果为原始值，则return，否则第3步
-
抛出TypeError 异常
-
-
type为number
-
调用obj的valueOf方法，如果为原始值，则返回，否则下第2步
-
调用obj的toString方法，如果为原始值，则return，否则第3步
-
抛出TypeError 异常
-
-
type参数为空
-
该对象为Date，则type被设置为String
-
否则，type被设置为Number
-
Date数据类型特殊说明
对于Date数据类型，我们更多期望获得的是其转为时间后的字符串，而非毫秒值（时间戳），如果为number，则会取到对应的毫秒值，显然字符串使用更多。其他类型对象按照取值的类型操作即可
ToPrimitive总结
ToPrimitive转成何种原始类型，取决于type，type参数可选，若指定，则按照指定类型转换，若不指定，默认根据实用情况分两种情况，Date为string，其余对象为number。那么什么时候会指定type类型呢，那就要看下面两种转换方式了
toString
Object.prototype.toString()
toString() 方法返回一个表示该对象的字符串
每个对象都有一个 toString() 方法，当对象被表示为文本值时或者当以期望字符串的方式引用对象时，该方法被自动调用
这里先记住，valueOf() 和 toString() 在特定的场合下会自行调用
valueOf
Object.prototype.valueOf()方法返回指定对象的原始值
JavaScript 调用 valueOf() 方法用来把对象转换成原始类型的值（数值、字符串和布尔值）。但是我们很少需要自己调用此函数，valueOf 方法一般都会被 JavaScript 自动调用
不同内置对象的valueOf实现
-
String => 返回字符串值
-
Number => 返回数字值
-
Date => 返回一个数字，即时间值,字符串中内容是依赖于具体实现的
-
Boolean => 返回Boolean的this值
-
Object => 返回this
代码对照
const str = newString('123');
console.log(str.valueOf());//123
const num = newNumber(123);
console.log(num.valueOf());//123
const date = newDate();
console.log(date.valueOf()); //1526990889729
const bool = newBoolean('123');
console.log(bool.valueOf());//true
const obj = newObject({valueOf:()=>{
return1
}})
console.log(obj.valueOf());//1
Number运算符转换规则
-
null 转换为 0
-
undefined 转换为 NaN
-
true 转换为 1，false 转换为 0
-
字符串转换时遵循数字常量规则，转换失败返回 NaN
对象这里要先转换为原始值，调用ToPrimitive转换，type指定为number了，继续回到ToPrimitive进行转换（看ToPrimitive）
String
String 运算符转换规则
-
null 转换为 'null'
-
undefined 转换为 undefined
-
true 转换为 'true'，false 转换为 'false'
-
数字转换遵循通用规则，极大极小的数字使用指数形式
对象这里要先转换为原始值，调用ToPrimitive转换，type就指定为string了，继续回到ToPrimitive进行转换（看ToPrimitive）
String(null) // 'null'
String(undefined) // 'undefined'
String(true) // 'true'
String(1) // '1'
String(-1) // '-1'
String(0) // '0'
String(-0) // '0'
String(Math.pow(1000,10)) // '1e+30'
String(Infinity) // 'Infinity'
String(-Infinity) // '-Infinity'
String({}) // '[object Object]'
String([1,[2,3]]) // '1,2,3'
String(['koala',1]) //koala,1
Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean(NaN) // false
Boolean('') // false
Boolean({}) // true
Boolean([]) // true
Boolean(newBoolean(false)) // true
Boolean
ToBoolean 运算符转换规则
除了下述 6 个值转换结果为 false，其他全部为 true
-
undefined
-
null
-
-0
-
0或+0
-
NaN
-
''（空字符串）
假值以外的值都是真值。其中包括所有对象（包括空对象）的转换结果都是true，甚至连false对应的布尔对象new Boolean(false)也是true
Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean(NaN) // false
Boolean('') // false
Boolean({}) // true
Boolean([]) // true
Boolean(newBoolean(false)) // true
js转换规则不同场景应用
什么时候自动转换为string类型
在没有对象的前提下
字符串的自动转换，主要发生在字符串的加法运算时。当一个值为字符串，另一个值为非字符串，则后者转为字符串
'2' + 1// '21' '2' + true// "2true" '2' + false// "2false" '2' + undefined// "2undefined" '2' + null// "2null"
//toString的对象
var obj2 = {
toString:function(){
return'a'
}
}
console.log('2'+obj2)
//输出结果2a
//常规对象
var obj1 = {
a:1,
b:2
}
console.log('2'+obj1)；
//输出结果 2[object Object]
//几种特殊对象
'2' + {} // "2[object Object]"
'2' + [] // "2"
'2' + function (){} // "2function (){}"
'2' + ['koala',1] // 2koala,1
-
左边为string，ToPrimitive原始值转换后不发生变化
-
右边转化时同样按照ToPrimitive进行原始值转换，由于指定的type是number，进行ToPrimitive转化调用obj2.valueof(),得到的不是原始值，进行第三步
-
调用toString() return 'a'
-
符号两边存在string，而且是+号运算符则都采用String规则转换为string类型进行拼接
-
输出结果2a
对上面'2'+obj1详细举例说明如下
-
左边为string，ToPrimitive转换为原始值后不发生变化
-
右边转化时同样按照ToPrimitive进行原始值转换，由于指定的type是number，进行ToPrimitive转化调用obj2.valueof(),得到{ a: 1, b: 2
-
调用toString() return [object Object]
-
符号两边存在string，而且是+号运算符则都采用String规则转换为string类型进行拼接
-
输出结果2[object Object]
代码中几种特殊对象的转换规则基本相同，就不一一说明，大家可以想一下流程
不管是对象还不是对象，都有一个转换为原始值的过程，也就是ToPrimitive转换，只不过原始类型转换后不发生变化，对象类型才会发生具体转换
var obj = {
width: '100'
};
obj.width + 20// "10020"
预期输出结果120 实际输出结果10020
-
有加法运算符，但是无String类型的时候，都会优先转换为Number类型
true+0// 1 true+true// 2 true+false//1
-
除了加法运算符，其他运算符都会把运算自动转成数值
'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 //一元运算符（注意点） +'abc' // NaN -'abc' // NaN +true // 1 -false // 0
null转为数值时为0，而undefined转为数值时为NaN
== 抽象相等比较与+运算符不同，不再是String优先，而是Nuber优先。下面列举x == y的例子
-
如果x,y均为number，直接比较没什么可解释的了
1 == 2 //false
-
如果存在对象，ToPrimitive() type为number进行转换，再进行后面比较
var obj1 = { valueOf:function(){ return'1' } } 1 == obj1 //true //obj1转为原始值，调用obj1.valueOf() //返回原始值'1' //'1'toNumber得到 1 然后比较 1 == 1 [] == ![] //true //[]作为对象ToPrimitive得到 '' //![]作为boolean转换得到0 //'' == 0 //转换为 0==0 //true -
在boolean，按照ToNumber将boolean转换为1或者0，再进行后面比较
// boolean 先转成number，按照上面的规则得到1 // 3 == 1 false // 0 == 0 true 3 == true // false '0' == false //true
-
如果x为string，y为number，x转成number进行比较
// '0' toNumber()得到 0 // 0 == 0 true '0' == 0 // true
-
布尔比较时
-
if(obj) , while(obj) 等判断时或者 三元运算符只能够包含布尔值
条件部分的每个值都相当于false，使用否定运算符后，就变成了true
if ( !undefined
&& !null
&& !0
&& !NaN
&& !''
) {
console.log('true');
} // true
//下面两种情况也会转成布尔类型
expression ? true : false
!! expression
NaN的概念
NaN 是一个全局对象的属性，NaN 是一个全局对象的属性，NaN是一种特殊的Number类型
什么时候返回NaN （开篇第二道题也得到解决）
-
无穷大除以无穷大
-
给任意负数做开方运算
-
算数运算符与不是数字或无法转换为数字的操作数一起使用
-
字符串解析成数字
一些例子
Infinity/ Infinity; // 无穷大除以无穷大
Math.sqrt(-1); // 给任意负数做开方运算
'a' - 1; // 算数运算符与不是数字或无法转换为数字的操作数一起使用
'a' * 1;
'a' /1;
parseInt('a'); // 字符串解析成数字
parseFloat('a');
Number('a'); //NaN
'abc' - 1// NaN
undefined + 1// NaN
//一元运算符（注意点）
+'abc'// NaN
-'abc'// NaN
toString和String的区别
-
toString()可以将数据都转为字符串，但是null和undefined不可以转换
console.log(null.toString())
//报错 TypeError: Cannot read property 'toString' of null
console.log(undefined.toString())
//报错 TypeError: Cannot read property 'toString' of undefined -
String
String()可以将null和undefined转换为字符串，但是没法转进制字符串
console.log(String(null));
// null
console.log(String(undefined));
// undefine -
toString()括号中可以写数字，代表进制
-
二进制：.toString(2)
-
八进制：.toString(8)
-
十进制：.toString(10)
-
十六进制：.toString(16)
-
