文章插图
ES6是什么，为什么要学习它，不学习ES6会怎么样?答：ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发 。
学习ES6是成为专业前端正规军的必经之路 。不学习ES6也可以写代码打鬼子，但是最多只能当个游击队长 。
ES5、ES6和ES2015有什么区别?答：ES2015特指在2015年发布的新一代JS语言标准，
ES6泛指下一代JS语言标准，包含ES2015、ES2016、ES2017、ES2018等 。现阶段在绝大部分场景下，ES2015默认等同ES6 。
ES5泛指上一代语言标准 。ES2015可以理解为ES5和ES6的时间分界线 。
babel是什么，有什么作用?答：babel是一个 ES6 转码器，可以将 ES6 代码转为 ES5 代码，以便兼容那些还没支持ES6的平台 。
let有什么用，有了var为什么还要用let？答：在ES6之前，声明变量只能用var，var方式声明变量其实是很不合理的，准确的说，是因为ES5里面没有块级作用域是很不合理的，甚至可以说是一个语言层面的bug(这也是很多c++、JAVA开发人员看不懂，也瞧不起JS语言的劣势之一) 。
没有块级作用域回来带很多难以理解的问题，比如for循环var变量泄露，变量覆盖等问题 。
let 声明的变量拥有自己的块级作用域，且修复了var声明变量带来的变量提升问题 。
问：举一些ES6对String字符串类型做的常用升级优化?答：
优化部分：
ES6新增了字符串模板，在拼接大段字符串时，用反斜杠(`)取代以往的字符串相加的形式，能保留所有空格和换行，使得字符串拼接看起来更加直观，更加优雅 。
升级部分:
ES6在String原型上新增了includes()方法，用于取代传统的只能用indexOf查找包含字符的方法(indexOf返回-1表示没查到不如includes方法返回false更明确，语义更清晰),
此外还新增了startsWith(), endsWith(), padStart(),padEnd(),repeat()等方法，可方便的用于查找，补全字符串 。
举一些ES6对Array数组类型做的常用升级优化?答：
优化部分：
数组解构赋值：ES6可以直接以let [a,b,c] = [1,2,3]形式进行变量赋值，在声明较多变量时，不用再写很多let(var),且映射关系清晰，且支持赋默认值 。
扩展运算符：ES6新增的扩展运算符(...)(重要),可以轻松的实现数组和松散序列的相互转化，可以取代arguments对象和Apply方法，轻松获取未知参数个数情况下的参数集合 。
（尤其是在ES5中，arguments并不是一个真正的数组，而是一个类数组的对象，但是扩展运算符的逆运算却可以返回一个真正的数组） 。
扩展运算符还可以轻松方便的实现数组的复制和解构赋值（let a = [2,3,4]; let b = [...a]） 。
升级部分:
ES6在Array原型上新增了find()方法，用于取代传统的只能用indexOf查找包含数组项目的方法,且修复了indexOf查找不到NaN的bug([NaN].indexOf(NaN) === -1)，
此外还新增了copyWithin(), includes(), fill(),flat()等方法，可方便的用于字符串的查找，补全,转换等 。
据一些ES6对Number数字类型做的常用升级优化?答：
优化部分：
【前端程序员不可不知的ES6干货知识点】ES6在Number原型上新增了isFinite(), isNaN()方法，用来取代传统的全局isFinite(), isNaN()方法检测数值是否有限、是否是NaN 。
ES5的isFinite(), isNaN()方法都会先将非数值类型的参数转化为Number类型再做判断，这其实是不合理的，最造成isNaN('NaN') === true的奇怪行为--'NaN'是一个字符串，但是isNaN却说这就是NaN 。
而Number.isFinite()和Number.isNaN()则不会有此类问题(Number.isNaN('NaN') === false) 。（isFinite()同上）
升级部分:
ES6在Math对象上新增了Math.cbrt()，trunc()，hypot()等等较多的科学计数法运算方法，可以更加全面的进行立方根、求和立方根等等科学计算 。
举一些ES6对Object类型做的常用升级优化?(重要)答：
优化部分：
1.对象属性变量式声明：ES6可以直接以变量形式声明对象属性或者方法，比传统的键值对形式声明更加简洁，更加方便，语义更加清晰 。
let [apple, orange] = ['red appe', 'yellow orange'];let myFruits = {apple, orange}; // let myFruits = {apple: 'red appe', orange: 'yellow orange'};
推荐阅读
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 简便折叠茶几的款式,不可比拟的茶席之美
- VueJS中使用前端虚拟接口Mock.js
- 如何使用VSCode调试JS？
- 中国程序员和国外程序员，差距在哪里？
- 姜茶喝冰的是不可以的,姜茶的功效与禁忌
- Vuex 映射完全指南
- 程序员必备技能：设计模式之——组合模式
- 用雪水泡茶真的养生？专家：不可轻信
- 谈一谈属于你的前端生涯规划与前端技术
- 酒瓶收藏不可错过的心得
