前端—每天5道面试题（4）
每天背5道前端面试题，希望我可以在远方的终点见到你
1、写 React / Vue 项目时为什么要在列表组件中写 key， 其作用是什么？
key 是给每一个 vnode 的唯一 id,可以依靠 key,更准确,更快的拿到 oldVnode 中对 应的 vnode 节点。
2、介绍下 Set、Map、WeakSet 和 WeakMap 的区别？
- Set——对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。
- WeakSet——成员都是对象；成员都是弱引用，可以被垃圾回收机制回收，可以 用来保存 DOM 节点，不容易造成内存泄漏。
- Map——本质上是键值对的集合，类似集合；可以遍历，方法很多，可以跟各 种数据格式转换。
- WeakMap——只接受对象最为键名（null 除外），不接受其他类型的值作为键
名；键名是弱引用，键值可以是任意的，键名所指向的对象可以被垃圾回收， 此时键名是无效的；不能遍历，方法有 get、set、has、delete。
3、请分别用深度优先思想和广度优先思想实现一个拷贝函数？
4、Async/Await 如何通过同步的方式实现异步的？
- async 起什么作用——输出的是一个 Promise 对象
5、简述一下JS 异步解决方案的发展历程以及优缺点
1、回调函数（callback） 优点：解决了同步的问题（只要有一个任务耗时很长，后面的任务都必须排队 等着，会拖延整个程序的执行。） 缺点：回调地狱，不能用 try catch 捕获错误，不能 return 。
2、Promise 优点：解决了回调地狱的问题 缺点：无法取消 Promise ，错误需要通过回调函数来捕获。
3、Generator 特点：可以控制函数的执行，可以配合 co 函数库使用 。
4、Async/await 优点：代码清晰，不用像 Promise 写一大堆 then 链，处理了回调地狱的问题 缺点：await 将异步代码改造成同步代码，如果多个异步操作没有依赖性而使 用 await 会导致性能上的降低。
