介绍：成都去哪儿学前端?达内分享一些知识点相关的面试题和答案

　　使用姿势：看答案前先尝试回答，看完后把答案收起来检验成果~

　　问：JS有哪些数据类型

　　答：JS有七种数据类型，分别是Number、String、Boolean、Null、Undefined、Symbol、Object。其中Object是引用数据类型，其他都是值类型(基本数据类型)。引用数据类型又细分为Function, Array和Object类型。

　　问：如何理解值类型和引用类型

　　答：值类型占用空间固定，保存在栈里面，操作的是值本身;引用类型占用空间不固定，保存在堆中，操作的是指向对象的一个指针。

　　问：如何理解堆(heap)栈(stack)

　　答：栈一般存放变量的值，堆一般存放复杂对象;栈的结构是先进先出，内存空间由系统自动分配和释放，堆的结构是先进后出，内存空间为动态分配，不主动释放的话，可能会由垃圾回收机制自动回收。

　　问：Null和Undefined有什么区别

　　答：null是一个对象指针，但没有指向任何对象，通过typeof(null)得到的是 Object类型;undefined则是一个空值，通过typeof(undefined)得到的是 Undefined。

　　问：什么是浅拷贝和深拷贝

　　答：浅拷贝是只复制指向对象的指针，对新旧对象进行操作都会互相影响;而深拷贝则是创建一个新的对象，将原来的值一个个复制过来，与原对象不在同一内存地址。

　　问：如何理解Symbol类型，使用场景是什么

　　答：Symbol的特点就是Symbol类型只能通过Symbol()这个方法返回得到，且Symbol类型的值是绝对唯一的。使用场景是作为对象属性的key值。

　　介绍：总结性的图表或笔试题目和解析，让知识点更容易懂

　　关于值类型，引用类型和内存栈和堆的关系

　　如下图所示，a,b变量是值类型，c,d变量是引用类型。

　　在声明c,d变量时，会先创建相应的对象存放在堆内存中，再将其引用地址赋值给变量。

　　由此，这道常见面试题的答案显而易见

　　var a = { test : 10 }

　　var b = a

　　a.test = 20

　　此时b.test=?

　　关于null，{}和undefined的对比

　　关于浅拷贝和深拷贝的具体操作

　　日常大部分的拷贝动作都属于浅拷贝，包括直接赋值(=), 扩展运算符(...), Array的concat操作, Object的assign操作。

　　真正的深拷贝方法可以自己进行封装，循环判断每一个子项是否为引用类型，再进行复制。

　　也可以通过JSON.parse(JSON.stringfy(object))进行深拷贝

　　// 日常所见的浅拷贝操作

　　var a = { class: 1, teacher: { name : 'abc' }}

　　var b = a

　　var c = {...a}

　　var d = Object.assign({}, a)

　　var e = JSON.parse(JSON.stringify(a))

　　a.class = 2

　　a.teacher.name = 'bcd'

　　console.log(a) // 打印结果：{ class: 2, teacher: { name : 'bcd' }}

　　console.log(b) // 打印结果：{ class: 2, teacher: { name : 'bcd' }}

　　console.log(c) // 打印结果：{ class: 1, teacher: { name : 'bcd' }}

　　console.log(d) // 打印结果：{ class: 1, teacher: { name : 'bcd' }}

　　console.log(e) // 打印结果：{ class: 1, teacher: { name : 'abc' }}

　　通过以上代码可以看出..., Object.assign, concat等操作只是第一层用新建的对象包裹住，子属性对象的引用地址还是和原来一致。