JavaScript里的数据类型转换和小技巧
【一】 如何将其他的数据类型转换成String字符串类型？
注：下面介绍的三种转换成字符串的方法都不适用于对象object（腰间盘真突出），所得结果都是"[object Object]",但是对于函数和数组是可以转换的
（1） ?.toString()
（2） String(?)
（3） ''+ ?
上面的问号？代表是其他数据类型，这样可以快速得知使用方法
方法1：?.toString()（小白做法）
toString方法适用于number类型和boolean类型，但是将数字转换为字符串时，要特别注意，如
但是对于null和undefined，使用这种方法会报错，如：
报错信息揭秘：
不能读null的toString方法，null没有toString的api，所以报错，undefined类似
对于object，toSring方法结果不正确，结果永远是"[object Object]"，函数和数组是比较特别,具体请看代码
方法2：String(?)（小白做法）
String() 该方法适用于所有数据类型（除了对象，结果同toString()）
方法3：''+ ?（老司机做法，推荐使用）
注：这种方法的原理是：‘+’ 运算符只能相加相同的数据类型，如果两边的数据类型不同，他会优先将其转换成字符串来相加。
''+ ?即使用+运算符加上空字符串（同样对object无效）该方法适用于所有数据类型（除了对象，结果同toString()）
踩坑时间到
小a问：1+'1'的结果是多少？
小b说：你这是看不起我吗？2啊
小a说：你踩坑啦，当然不是，具体，我一一给你道来
小Tips：
三种转换成字符串的方法对于对象来说，是特殊的
使用这种方法 ?.toString() 报错，只需给需要转换的东西加上个括号，具体例子请看上面
【二】如何将其他的数据类型转换成Number数值类型？
注：parseInt逐个解析字符，而Number函数整体转换字符串的类型。parseInt,parseFloat和Number函数都会自动过滤一个字符串前导和后缀的空格。parseInt(?,?)说明parseInt可以有两个参数
(1) Number(?)
(2) parseInt(?,?)
(3) parseFloat(?)
(4) '?' - 0
(5) + '?'
方法1：Number(?)
使用Number函数，可以将任意类型的值转化成数值。Number函数将字符串转为数值，要比parseInt函数严格很多。基本上，只要有一个字符无法转成数值，整个字符串就会被转为NaN。
下面分成两种情况讨论，一种是参数是原始类型的值，另一种是参数是对象。
（1）原始类型值
示例如下：
（2）对象
Number方法的参数是对象时，将返回NaN，除非是包含单个数值的数组。
示例如下：
Number背后的转换规则比较复杂。
第一步，调用对象自身的valueOf方法。如果返回原始类型的值，则直接对该值使用Number函数，不再进行后续步骤。
第二步，如果valueOf方法返回的还是对象，则改为调用对象自身的toString方法。如果toString方法返回原始类型的值，则对该值使用Number函数，不再进行后续步骤。
第三步，如果toString方法返回的是对象，就报错。
方法2：parseInt()
parseInt方法用于将字符串转为整数。
如：parseInt('123') // 123
如果字符串头部有空格，空格会被自动去除。parseInt(' 81') // 81
如果parseInt的参数不是字符串，则会先转为字符串再转换。
字符串转为整数的时候，是一个个字符依次转换，如果遇到不能转为数字的字符，就不再进行下去，返回已经转好的部分。
如果字符串的第一个字符不能转化为数字（后面跟着数字的正负号除外），返回NaN。
注：parseInt()方法默认转换成十进制，不过需要注意的是，如果参数本身就是number类型，且是0x开头（16进制），或0o开头（八进制），0b开头（二进制），0开头且后面的数字没有8和9（视为八进制），那么parseInt方法会将其以相应的进制转换成十进制展示出来。
如果字符串以0x或0X开头，parseInt会将其按照十六进制数解析。
如果字符串以0开头，将其按照10进制解析。
因此，为了防止意外解析成其他进制，建议添加第二个参数按照特定进制解析：如：
如果第二个参数不是数值，会被自动转为一个整数。这个整数只有在2到36之间，才能得到有意义的结果，超出这个范围，则返回NaN。如果第二个参数是0、undefined和null，则直接忽略。
方法3：parseFloat()
parseFloat方法用于将一个字符串转为浮点数。
如果字符串符合科学计数法，则会进行相应的转换。
如果字符串包含不能转为浮点数的字符，则不再进行往后转换，返回已经转好的部分。
parseFloat与Number的对比
方法4：'?' - 0（老司机做法，强烈推荐！！！）
字符串 - 0。如：'11' - 0 //11`
方法5：+ '?'
另辟蹊径的方法： + 字符串，这里的+并不是取正值的意思，负数一样可行，如：+ '-011' ; // -11
注：上面介绍的使用运算符的转换方法，字符串不能有除了数字外的其他字符（正负号，表示进制的标识除外），字符串中，0b、0x、0o开头会以对应表示的进制解析，如果是'011'，则会解析成十进制而不是二进制，小数同样可以用这两种方法进行转换
小Tips：
1.Number方法基本上，只要有一个字符无法转成数值，整个字符串就会被转为NaN
2.parseInt方法为了防止意外解析成其他进制，建议添加第二个参数按照特定进制解析
3.parseFloat会将空字符串转为NaN
【三】 如何将将其他数据类型转换为Boolean布尔类型？
小白做法：Boolean() ，如：
老司机做法：双重取反：!! x ，如：
五个falsy值，即转换成Boolean后为false的值：
0 、 NaN 、 null 、 undefined 、‘’（空字符串）
【四】JS中的数据在内存中的存储方式
什么是内存呢，举个例子：
你买一个8G 的内存条，操作系统开机即占用 512MB，Chrome 打开即占用 1G 内存， Chrome 各每个网页分配一定数量的内存， 这些内存要分给页面渲染器、网络模块、浏览器外壳和 JS 引擎（V8引擎）。
JS 引擎将内存分为代码区和数据区， 我们只研究数据区。 数据区分为Stack（栈内存）和Heap（堆内存）。 简单类型的数据（如Number，string等）直接存在 Stack 里，复杂类型的数据（object对象）是把 Heap 地址存在 Stack 里。
对象存储数据的方式
对象的存储方式是在stack栈内存存储一个地址，形成对对象的引用，地址指向heap堆内存的某个位置，object是对象的引用。它在stack栈内存存的是地址，而不像其他数据类型直接把内容存在stack栈内存
垃圾回收
JS中的垃圾回收机制：如果一个对象没有被引用，它就是垃圾，将会被回收。（时间并不确定的）
内存泄漏就和垃圾回收机制有一定的联系：由于浏览器的一些bug，使得本应被被标记为垃圾的数据没有被标记，而这些垃圾数据占用的内存将永远被占用，哪怕你把当前页面关掉都不会被释放，除非直接关掉整个浏览器。（IE6就有此类bug）
解决方法：（但是要抵制IE低版本浏览器）
四个关于内存的题目
画内存图（解决问题的方法），只要你不画图，就会错，以不变应万变
题目一：
使用内存图解决思路：
题目二：
使用内存图解决思路：
题目三：
使用内存图解决思路：
题目四：
使用内存图解决思路：
可能会遇到的面试题：
a.x = a = {n:2};这句话是什么意思？浏览器看到这句话，就会问a是什么？
浏览器读到a.x = a = {n:2};这句话时，先看左面，再往右边看
注：这些箭头并不是真实存在的，只是虚拟的示意
【五】深拷贝与浅拷贝
深拷贝：
a的值仍然还是1。即 b 变而不影响 a，就叫深拷贝（简单数据类型的赋值都是深拷贝）
浅拷贝
b 变而导致 a变，就叫浅拷贝
【六】JS中对象的循环引用
上述代码就可以实现对象的循环引用，原理是：为对象添加一个属性，属性值就是对象自己（在内存中就是对象引用的地址），从而达到可以通过引用该对象的self属性来引用对象本身。
