ES6的发展历史

1997年7月，ECMAScript 1.0发布。
1998年6月，ECMAScript 2.0版发布。
1999年12月，ECMAScript 3.0版发布，成为 J- avaScript 的通行标准，得到了广泛支持。
2007年10月，ECMAScript 4.0版草案发布，对3.0版做了大幅升级，预计次年8月发布正式版本。草案发布后，由于4.0版的目
标过于激进，各方对于是否通过这个标准，发生了严重分歧。以 Yahoo、Microsoft、Google 为首的大公司，反对 JavaScript
的大幅升级，主张小幅改动；以 JavaScript 创造者布兰登·艾奇为首的 Mozilla 公司，则坚持当前的草案。
2008年7月，由于对于下一个版本应该包括哪些功能，各方分歧太大，争论过于激进，ECMA 开会决定，
中止 ECMAScript 4.0 的开发（即废除了这个版本），将其中涉及现有功能改善的一小部分，发布为 ECMAScript 3.1，
而将其他激进的设想扩大范围，放入以后的版本，由于会议的气氛，该版本的项目代号起名为 Harmony（和谐）。
会后不久，ECMAScript 3.1 就改名为 ECMAScript 5。
2009年12月，ECMAScript 5.0版正式发布。Harmony 项目则一分为二，一些较为可行的设想定名为 JavaScript.next 继续开发，
后来演变成 ECMAScript 6；一些不是很成熟的设想，则被视为 JavaScript.next.next，在更远的将来再考虑推出。
TC39 的总体考虑是，ECMAScript 5 与 ECMAScript 3 基本保持兼容，较大的语法修正和新功能加入，将由 JavaScript.next 完成。
当时，JavaScript.next 指的是ECMAScript 6。第六版发布以后，将指 ECMAScript 7。
2011年6月，ECMAScript 5.1版发布，并且成为 ISO 国际标准（ISO/IEC 16262:2011）。
到了2012年底，所有主要浏览器都支持 ECMAScript 5.1版的全部功能。
2013年3月，ECMAScript 6 草案冻结，不再添加新功能。新的功能设想将被放到 ECMAScript 7。
2013年12月，ECMAScript 6 草案发布。然后是12个月的讨论期，听取各方反馈。
2015年6月，ECMAScript 6 正式发布，并且更名为“ECMAScript 2015”。这是因为 TC39 委员会计划，
以后每年发布一个 ECMAScript 的版本，下一个版本在2016年发布，称为“ECMAScript 2016”，2017年发布“ECMAScript 2017”，以此类推。

ECMAScript与JavaScript的关系

ECMAScript是JavaScript的标准，而JavaScript是ECMAScript标准的一种实现

image.png

JavaScript组成：ECMAScript(核心)、DOM(文档对象模型)、BOM(浏览器对象模型)

image.png

ECMAScript规定了Js的如下内容：
1.语法
2.类型
3.语句
4.关键字
5.保留字
6.操作符
7.对象

ES6特性

Js的基础:https://wangdoc.com/javascript/
Es6入门：https://es6.ruanyifeng.com
浏览器对ES6的支持：http://ruanyf.github.io/es-checker/index.cn.html

image.png

1.变量定义（let和const）

1).let定义的变量只在它声明的作用域内有效，出了作用域无法访问

image.png

2).const保证了变量的地址空间存储的数据不得改动

image.png

变量的解构赋值

解构赋值：
ES6允许我们通过模式匹配的方式从已有的数组、对象中提取值并赋值给变量

image.png

3.类型扩展

字符串扩展：

image.png

数值扩展：

image.png

函数扩展：

image.png

数组扩展：

image.png

对象扩展：

image.png

4.类型新增

ES6增加了Set 和 Map 2个类型。
Set是集合，类似数组但是里面的元素是不可以重复的

image.png

Map是键值对，以前想使用键值对只能通过对象类处理，
现在直接有一个类型可用。

image.png

5.元编程

类似在.NET中我们可以针对IL进行编程操作，通过编织动态代理对象来进行AOP一样。ES6提供了Proxy类型，它可以帮助我们做AOP。当需要针对对象进行初始化以及
针对对象属性进行获取、调整、删除的时候我们都可以进行拦截，它为我们提供了13种拦截操作。

image.png

Reflect对象和Proxy对象一样，也是ES6提供的操作对象的新API。Reflect对象上面的方法和Proxy对象的方法一一对应。
1).把原先不合理的API设计往Reflect对象上面迁移，比如Object.defineProperty
2).把js中一些命令式的语法变为函数行为，比如delete a.name
3).配合Proxy执行对象的默认行为