背景介绍
ECMAScript是JavaScript语言的国际标准，JavaScript是ECMAScript的实现。也许传统的前端开发者们没有对JS有太多的升级认知，对于传统前端而言，JS就是一个操作DOM的脚本语言，仅此而已。
但是随着时代的发展，技术的变革进步，Java都5，6，7，8，9......的不断升级了（虽然各种新特性在实际项目中也是很少被使用，因为往往实际项目中都是项目进度优先于技术升级，可能会有很多人没耐心慢慢琢磨新东西，反正老东西也能实现一模一样的功能，而且美其名曰：“稳定”，“可靠”）
当然如果追求“稳定”，“可靠”，我就不会写下这篇文章，看客们估计也不会点进来。我一直以来的观点是没有不稳定新技术，只有不稳定的逻辑。不写代码就不会出错，写代码越少出错概率就越小，所有新技术都是为了更少代码，更多功能，更强拓展而生。ES6其实已经不是新东西，ES7也是箭在弦上，后面我还会写ES7的重点一览。
当然，我是一个不喜欢重复造轮子的人，浩瀚的互联网上已经有了关于ES6太多的文章，但是这些文章，有的只言片语快速略过，有的长篇大论巨细无遗。而这一篇文章，决定做一个平衡，用最少的语言文字，描述关于ES6最重要，最有意义，最常用的功能。当然，除了背景介绍这一段。
特性重点
一、let、const
【重点】let声明的变量只在所在代码块内生效，const声明常量。ES6中块级作用域的出现，极大程度地规范了语言，每一对{}里面的变量使用let声明，就如同后端编译语言的变量声明一样，不再全局化。另外使用let，未声明就使用的这种做法也就不行了，很好很规范~
二、变量的解构赋值
例如可以var[a, b, c] = [1,2,3];但是个人感觉单纯定义使用这样的语法糖意义不是很大，该特性更多的用处是在遍历Map结构的时候，可以如下：
for( let [ key,value] of map ) { console.log ( key +':'+ value);}
三、字符串拓展
.contains()：返回布尔值，表示是否找到了参数字符串
.startsWith()：返回布尔值，表示参数字符串是否在源字符串的头部
.endsWith()：返回布尔值，表示参数字符串是否在源字符串的尾部
console.log( `${x} + ${y} = ${x+y}` ) // 模板字符串，一对反引号，变量使用${}
四、数值的扩展
ES6将全局方法parseInt()和parseFloat()，移植到Number对象上面，行为完全保持不变
Number.isInteger()用来判断一个值是否为整数。需要注意的是，在JavaScript内部，整数和浮点数是同样的储存方法，所以3和3.0被视为同一个值。
Math.trunc()方法用于去除一个数的小数部分，返回整数部分
五、数组的拓展
Array.from()用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象，其中包括ES6新增的Set和Map结构。
【重点】find()和findIndex()，意义较大，如下：
[1,5,10,15].find( function(value, index, arr){ return value > 9; } ); // 返回10
[1,5,10,15].findIndex( function(value, index, arr){ returnvalue > 9; } ); // 返回2
fill()使用给定值，填充一个数组：
newArray(3).fill(7)
【重点】ES6提供三个新的方法：entries()，keys()和values()用于遍历数组。它们都返回一个遍历器，可以用for...of循环进行遍历，唯一的区别是keys()是对键名的遍历、values()是对键值的遍历，entries()是对键值对的遍历
for( let index of ['a','b'].keys() ) {console.log(index);}
for( let elem of ['a','b'].values() ) {console.log(elem);}
for( let[index, elem] of ['a','b'].entries() ) {console.log(index, elem);}
总结
后续的进阶篇已经完成，如下传送门：
本文基于阮一峰的ECMAScript 6 系列文章和众多网络散文资料汇聚。在此给出原文链接，上面给出的重点一览，都可以在下面链接找到更为详尽的讲解：
如果有任何的批评建议，BUG反馈，问题反馈，或是想法建议，帮助支持，个人都十分欢迎，我个人的联系方式如下：）
作者:cheneyxu
邮箱:457299596@qq.com
QQ:457299596
关于：XServer官网
网友评论