JS 里的数据类型转换

类型转换

任意类型转字符串

1. String(x)

String(1)    //"1"
String(true)    //"true"
String(null)    //"null"
String(undefined)    //"undefined"
String({})    //"[object Object]"

2. x.toString()

(1).toString()    //"1"
true.toString()    //"true"
null.toString()    //Uncaught TypeError: Cannot read property 'toString' of null    at :1:6
undefined.toString()    //VM89:1 Uncaught TypeError: Cannot read property 'toString' of undefined    at :1:11
({}).toString()    //"[object Object]"

3. x+""(或者""+x) //老司机专用

1+''    //"1"
true+''    //"true"
null+''    //"null"
undefined+''    //"undefined"
{}+''    //0
var o={}
o+''    //"[object Object]"

任意类型转数字

1. Number(x)
2. parseInt(x, 10) MDN
3. parseFloat(x) MDN
4. x - 0 （老司机专用）
5. +x (容易出错）

任意类型转布尔

1. Boolean(x)
2. !!x （老司机专用）

五个falsy值

0,null,undefined,'',NaN

• 数字里面有两个，对象没有
• 具体看MDN☞falsy

内存图

Stack 栈内存（number、string、undefined、symbol、boolean，简单类型都存储在这）
Heap 堆内存（object，包括（array，function）把地址存储在栈中，存储复杂类型）

---

第一个问题

var a = 1
var b = a
b = 2
请问 a 显示是几？   //1

---

第二个问题

var a = {name: 'a'}
var b = a
b = {name: 'b'}
请问现在 a.name 是多少？    //'a'

---

第三个问题

var a = {name: 'a'}
var b = a
b.name = 'b'
请问现在 a.name 是多少？    //'b'

---

第四个问题

var a = {name: 'a'}
var b = a
b = null
请问现在 a 是什么？    // {name: 'a'}

循环引用

var a
a={self:a}    //{self:undefined}

var a={}
a.self=a    //{self:{...}}
不同之处在第一个一开始没有声明对象，所以a是undefined，第二个是一开始声明了一个对象，所以a是一个地址，然后a里面的self对于这个地址，所以产生循环。

一个面试题

一个面试题

垃圾回收

如果一个对象没有被利用，那它就是垃圾，将被回收

var fn=function(){}
document.body.onclick=fn
fn=null
那么function(){}是不是垃圾？    //不是，原理如下图
若把页面关了，则fn变成垃圾，Heap里面的东西也是垃圾。
IE6认为Heap里面不是垃圾，这是IE6的bug（内存泄漏），解决办法是在页面关闭之前，把所有事件都置为null

垃圾回收面试题

---

深拷贝和浅拷贝

var a = 1
var b = a
b = 2 //这个时候改变 b
a 完全不受 b 的影响
那么我们就说这是一个深复制

对于简单类型的数据来说，赋值就是深拷贝。 对于复杂类型的数据（对象）来说，才要区分浅拷贝和深拷贝。

这是一个浅拷贝的例子:

var a = {name: 'zou'}
var b = a
b.name = 'b'
a.name === 'b' // true
因为我们对 b 操作后，a 也变了

什么是深拷贝了，就是对 Heap 内存进行完全的拷贝。

var a = {name: 'zou'}
var b = deepClone(a)   //还不会实现
b.name = 'b'
a.name === 'zou' // true