ES6经典面试题.docx

"ES6经典面试题" ES6（ECMAScript 6）是JavaScript的一种标准，自2015年发布以来，已经成为前端开发的 industry standard。下面是对ES6的一些经典面试题的解答和知识点总结： 1. ES5、ES6 和 ES2015 有什么区别？ ES5 是 JavaScript 的第五个版本，发布于2009年，之前的版本统称为 ES5。ES6 是 JavaScript 的第六个版本，发布于2015年，之后的版本统称为 ES6。ES2015 指代 ES6.0。 2. Babel 是什么，有什么作用？ Babel 是一个 ES6 转码器，可以将 ES6 代码转为 ES5 代码，以便兼容那些还未支持 ES6 的浏览器。 3. Let 有什么用，有了 var 为什么还要用 let？ Var 存在因变量提升而导致的泄漏、覆盖等一系列问题，而 let 拥有自己的块级作用域而且修复了声明变量带来的变量提升问题。 4. 举一些 ES6 对 String 字符串类型做的常用升级优化？ 新增了字符串模板，相比原来的字符串拼接方式更加简洁优雅。在 String 原型上新增了一些方法：includes、startsWith、endWith、padStart、padEnd、repeat 等。 5. 举一些 ES6 对 Array 数组类型做的常用升级优化？ 数组解构赋值：声明多个变量时使用起来更加简洁，映射关系清晰，而且可以直接设置默认值。扩展运算符：可以轻松实现数组和松散序列中间的相互转换。在函数中使用可以取代 arguments 获得一个真正的数组。一般也常用于赋值数组。在 Array 原型上新增了一些方法：find、findIndex、from、of、fill、flat、includes 等。 6. 举一些 ES6 对 Number 数字类型做的常用升级优化？ 在原型上新增了 isNaN、isFinite 方法。window 下这两个方法会先将参数转换成数字再进行判断，会造成类似于‘NaN’字符串的判断问题，而原型上新增的方法就修复了这个问题，除此之外还有isInteger、isSafeInteger 等等。Math 函数新增了一些方法：Math.trunc()、Math.sign()、Math.cbrt() 等。 7. 举一些 ES6 对 Object 类型做的常用升级优化？ 书写对象的属性和方法时更加简洁。可以在对象上使用解构赋值和扩展运算符。Class 中新增了 super 指代父类。在 Object 原型上新增了一些方法：Object.is()、Object.assign()、Object.keys()、values()、entries() 等。 8. 举一些 ES6 对 Function 函数类型做的常用升级优化？ 箭头函数解决了 this 的指向问题：普通函数的 this 指向调用对象，而箭头函数的 this 指向它的上下文；箭头函数不能作为构造函数，无法实例化；箭头函数不存在 arguments，一般用扩展运算符获取未知个数的参数集合；箭头函数可以给形参直接设置默认值。因为箭头函数的 this 并不适用于所有场所，所以新增了双冒号运算符，用来取代以往的 bind、call、apply 来改变 this 的指向。 9. Symbol 是什么，有什么作用？ Symbol 是新增的一种基本数据类型，返回一个唯一的值，常用于对象中定义某一个唯一或者私有的 key，解决对象因属性名过多而导致的属性名冲突覆盖问题。但是作为对象的 key 时不能被 for-in 循环遍历出来。 10. Set 是什么，有什么作用？ Set 是一种类似于数组的数据结构，但是每个元素都必须是唯一的，常用于数组的去重。 11. Map 是什么，有什么作用？ Map 是一种类似于对象的数据结构，他的 key 不受数据类型的约束可以是任意类型。 12. Proxy 是什么，有什么作用？ Proxy 是一种代理对象，可以拦截并改变目标对象的行为。 13. Reflect 是什么，有什么作用？ Reflect 是一个内置对象，提供了一些工具函数，可以方便地访问和操作对象的属性。 14. Promise 是什么，有什么作用？ Promise 是一个新的对象，用于解决异步回调问题，用链式结构解决以往回调函数层层嵌套的问题。 15. Iterator 是什么，有什么作用？ Iterator 是一种标准，一种规范理念，遵循该标准的对象为可遍历对象，Set、Map、Array、Object、String 默认可以实现 Iterator 接口。 ES6 对 JavaScript 带来了很多改进和升级，提供了更加简洁、优雅的语法和方法，提高了开发效率和代码质量。