前端面试中的es6

1. 说一下你所知道的es6（es6新特性）

• let和const声明变量，两个都有块级作用域，ES5中var是没有块级作用域的，并且var有变量提升，在let中，使用的变量一定要进行声明,且不能重复声明。
• 箭头函数
• 模板字符串模板字符串，更便捷的连接变量和字符常量
• 解构赋值，允许按照一定模式，从数组和对象中提取值，对变量进行赋值
• for of循环，可以遍历数组、Set和Map结构、某些类似数组的对象、对象，以及字符串
• 支持import、export模块化管理代码
• set和map数据结构
• … 展开运算符可以将数组或对象里面的值展开
• class 类
• promise/async/await
• Proxy代理使用代理（Proxy）监听对象的操作

2. var、let、const之间的区别

var声明变量可以重复声明，而let不可以重复声明
var是不受限于块级的，而let是受限于块级
var会与window相映射（会挂一个属性），而let不与window相映射
var可以在声明的上面访问变量，而let有暂存死区，在声明的上面访问变量会报错
const声明之后必须赋值，否则会报错
const定义不可变的量，改变了就会报错
const和let一样不会与window相映射、支持块级作用域、在声明的上面访问变量会报错

3. set map weakSet weakMap

• set 是一种类数组的结构，元素不重复；可以遍历
• weakSet的成员都是对象，成员都是弱引用，可以被垃圾回收机制回收，可以用来保存DOM节点，不容易造成内存泄漏；不能遍历。
• map是类字典的结构，以key-value形式存在；可以遍历，可以跟各种数据格式转换
• weakMap, 只接受对象作为键名;键名是弱引用，键值可以是任意的，键名所指向的对象可以被垃圾回收; 不能遍历

4. 异步处理方案promise/async/await(*****非常重要)

4.1 简单描述下promise的原理

promise是es6提供的一种异步处理方案，是对callback函数写法的改进，promise对象是一个构造函数，通过new Promise()生成一个promise实例。promise封装一个异步操作，并在结束后把值通过resolve或者reject传递出来，并且在then方法中接受这个值。一个promise对象只会封装一个异步操作，如果有多个异步操作，可以在每一个then方法中再返回一个promise对象，实现链式调用。

4.2 常用的api

• promise.all, 异步操作并行执行。应用场景是页面内多个不想关的接口的并行请求。

Promise.all([ayncreq(), ayncreq1(), ayncreq2()]).then(
	(result ) => {
   
		console.log(result)
	}
)
// 三个函数会并行执行，并不是顺序执行。也就是all函数中的异步操作是并行执行的，当所有结果成功返回时候按照请求时候的顺序返回结果, 也就是ayncreq的结果在前，即使它的结果来的比ayncreq1晚，all函数中的异步操作是不能相互依赖的

• promise.race，返回异步操作执行最快的一个异步请求； 应用场景是给某个异步请求设置超时时间和对***大数量的异步请求设置单次最大请求数量***。

// race中的异步操作同样是并行执行的，哪个结果获得的快，就返回那个结果，不管结果本身是成功状态还是失败状态，所以它只会返回执行最快的异步操作中resolve()的值。

4.3 实现一个promise / promise.all()

promise实现
promise.all的实现

4.4 promise中reject 和then的第二个参数和catch 处理上有什么区别？

• reject 是用来抛出异常，then的第二个函数和catch 是用来处理异常。如果是promise内部报错，reject抛出错误后，then的第二个参数和catch方法都存在的情况下，只有then的第二个参数能捕获到，如果then的第二个参数不存在，则catch方法会捕获到。

const promise = new Promise((resolve, rejected) => {
   
    const test = ''
    setTimeout(() => {
   
        if(test === 'test'){
   
            resolve('成功')
        }