前端面试：ES6新语法和ES5的区别、回流和重绘的理解、对面向对象的理解

1 ES6新语法

• let const

和ES5的区别：
1.let不存在变量提升机制
2.let不允许重复声明
3.在全局作用域中基于let声明的变量不是window的一个属性
4.typeof 未声明的变量 => 不是undefined而是报错
5.let会形成块级作用域

• 解构赋值
• 拓展、剩余、展开运算符
• 箭头函数

和普通函数区别：
1.没有arguments，但是可以基于…arg获取实参集合(结果是一个数组)
2.没有自己的this，而是上下文中的this

• ES6中的模板字符串
• Promise（async/await）
• class
• interator
• Map/Set

2.请说出你对”重排（回流）和重绘读写分离“的理解！

思路:
1.首先说出什么是重排和重绘
2.突出它们消耗性能
3.突出自己注意了这些问题，以及自己的解决方案
浏览器渲染一个页面，是按照先创建DOM树->再加载CSS->生成渲染树 render tree->把渲染树交给浏览器GPU进行绘制，如果我们后期修改了元素的样式（但是没有改变大小和位置）,浏览器会把当前元素重新生成渲染树，然后重新渲染，这个机制是重绘，但是一旦元素的位置或者大小等发生改变，浏览器就要从DOM树重新计算渲染，这个机制是回流，不管是重排还是重绘都非常消耗性能。

对于这个问题的解决方案：
1、需要动态向页面追加元素的时候，基于文档碎片或者先把需要增加的所有字符拼接成字符串，最后统一进行增加
2、读写分离：把统一修改样式都放到一起执行，新版浏览器都有一个自己检测的机制，如果发现下面紧挨着的操作也是修改元素的样式，会把所有修改的事先存起来，直到遇到非修改样式的操作，会把之前存储的统一执行，引发一次回流和重绘。

3.谈谈你对面向对象的理解

【JS本身就是面向对象】
数组是Array的实例、对象是Object的实例，函数是Function的实例…再这些内置类的原型上有很多方法和属性，这些方法可以被实例调用
【面向对象中的一些语法和特点】
所谓面向对象就是基于class或者function创建一个类，执行的时候new执行创建一个实例，这样实例就可以调取类上提供的方法，想要基于面向对象进行插件封装，必须掌握关于类的继承、封装和多态。封装就是调取公共的属性和方法，JS没有严格意义的多态，不能进行方法的重写，常用的继承方式有很多，例如：原型继承、call继承、寄生组合继承、es中的继承。有些方式会存在一些问题，项目中一般基于class和extend来实现继承