前端（附答案）

大家都知道某条已经大规模扩招半年了！

半年来，身边的亲戚，朋友，同事不是入职了某条，就是在去往某条面试的路上！

我身边的一朋友更是百折不挠，去年就开始疯狂地投简历！时刻准备跳槽！

前前后后面了 4 回，都挂在了 2 面或 3 面，直到 1 周前终于上岸！总包 60W！

                   

提这事不是强调某条的面试难度有多大，毕竟已有很多朋友成功入职的先例。

事实上，某条的面试偏重于技术实战，技术面近  60% 的题目都要手写代码。此时技术基础不扎实肯定要丸...

闲话少叙，先分享下朋友当时遇到的几个典型考题：

题1：写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？

key 是给每一个 vnode 的唯一 id,可以依靠 key,更准确,更快的拿到 oldVnode 中对应的 vnode 节点。

题2：什么是防抖和节流？有什么区别？如何实现？

防抖——触发高频事件后 n 秒后函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间；

 

题3：介绍下Set、Map、WeakSet 和 WeakMap 的区别？

Set，对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用 。

WeakSet，成员都是对象；成员都是弱引用，可以被垃圾回收机制回收，可以用来保存 DOM 节点，不容易造成内存泄漏；

Map，本质上是键值对的集合，类似集合；可以遍历，方法很多，可以跟各 种数据格式转换。

WeakMap，只接受对象最为键名（null 除外），不接受其他类型的值作为键名；键名是弱引用，键值可以是任意的，键名所指向的对象可以被垃圾回收， 此时键名是无效的；不能遍历，方法有 get、set、has、delete。

题4：Promise 构造函数是同步执行还是异步执行，那么 then 方法呢？

执行结果是：1243，promise 构造函数是同步执行的，then 方法是异步执行的。

题5：React 中 setState 什么时候是同步的，什么时候是异步的？

由 React 控制的事件处理程序，以及生命周期函数调用 setState 不会同步更 新 state 。 

React 控制之外的事件中调用 setState 是同步更新的。比如原生 js 绑定的事 件，setTimeout/setInterval 等。