## ES6 概述 ### ECMAScript 和 JavaScript 的关系 * ECMA (European Computer Manufactures Association)，中文：欧洲计算机制造联合会 是1961年成立的旨在建立统一的电脑操作格式标准--包括程序语言和输入输出的组织。 * ECMAScript是一种语言规范，JavaScript是按照该规范实现的一种语言ECMAScript 规范实现的语言还有 Jscript 和 ActionScript > 在我们前端的日常中，两者可以视为同一个意思。本节课我们也将ECMAScript 简称为ES，ECMAScript2015 简称为ES6。大家注意区分。 ### ES6是什么？ > ES6 是范指代ES5后的下一代版本，并不是官方正式的版本号 官方正式的名字是ECMAScript 2015,该版本在2015年6月正式通过成为国际标准。 你还知道其他的ES版本的发布日期吗？ ### ECMAScript 的历史 * ECMAScript 1.0 (1997 年) 发布的 * ECMAScript 2.0 （1998 年 6 月） * ECMAScript 3.0 （1999 年 12 月）比较成功和全面的一个版本 * ECMAScript 4.0 (2000年)开始酝酿。这个版本最后没有通过（部分被ES6继承） * ECMAScript 5.0 (2009 年 12 月) 正式发布 * ECMAscript 5.1 （2011 年 6 月）正式发布 * ECMAScript 2015 (ES6) （2015 年 6 月）正式发布 * ECMAScript 2016 (ES7) （2016 年 6 月）正式发布 * ECMAScript 2017 (ES8) （2017 年 6 月）正式发布 ### ES6兼容问题？ 1.不同浏览器对ES6支持度不同，所以我们在使用的时候要注意兼容性的问题。 通用做法是通过ES6的转码器对ES6代码进行转码，" Babel"是一个广泛使用的转码器。 2.node环境也支持ES6语法，而且支持度较高 ### 如何在浏览器上兼容 1.通过babel转换脚本进行预编译，将ES6代码转换成ES5的规范代码,然后引入到页面。 2.在浏览器中ES6代码前引入一个babel的预编译脚本： ~~~ <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> <script type="text/babel"> // Your ES6 code </script> ~~~ 3.我们可以通过 [can i use] (https://caniuse.com/) 这个网站来查看某个特性的兼容情况。