ES6的历史

ECMAScript和JavaScript

首先区别ECMAScript和JavaScript。

1. ECMA是标准，JS是实现
2. 类似于HTML5是标准，IE10、Chrome、FF都是实现
3. 换句话说，将来也能有其他XXXScript来实现ECMA
4. ECMAScript简称ECMA或ES

目前版本

• 低级浏览器主要支持ES 3.1
• 高级浏览器正在从ES 5过渡到ES 6
• 最新版2019（ES10）

历史版本

时间	ECMA	JS	解释
1996.11	ES 1.0	JS稳定	Netscape将JS提交给ECMA组织，ES正式出现
1998.06	ES 2.0		ES2正式发布
1999.12	ES 3.0		ES3被广泛支持
2007.10	ES 4.0		ES4过于激进，被废了
2008.07	ES 3.1		4.0退化为严重缩水版的3.1 因为吵得太厉害，所以ES 3.1代号为Harmony(和谐)
2009.12	ES 5.0		ES 5.0正式发布 同时公布了JavaScript.next也就是后来的ES 6.0
2011.06	ES 5.1		ES 5.1成为了ISO国际标准
2013.03	ES 6.0		ES 6.0草案定稿
2013.12	ES 6.0		ES 6.0草案发布
2015.06	ES 6.0		ES 6.0预计发布正式版 JavaScript.next开始指向ES 7.0

最新版本

• ES6(ECMA 2015)
• ES7(ECMA 2016)
  • ** 求幂
  • Array.includes()
• ES8(ECMA 2017)
  • await/async
• ES9(ECMA 2018)
  • rest/spread
  • 异步迭代
  • Promise.finally()
  • 正则

兼容性

• 点击了解ES5的兼容范围
• 点击了解ES6的兼容范围

ES6 (ES2015) ：兼容IE10+、Chrome、FireFox、移动端、NodeJS

ES6 解决兼容问题

编译、转换

• 在线转换——太慢
  • 引入browser.js（又叫babel）
  • <script type="text/babel></script>"
• 提前编译——推荐

提前编译

• 安装nodejs

• 安装babel

1. 生成 package.json：npm init -y

2. 下载：npm i @babel/core @babel/cli @babel/preset-env

3. 添加脚本——修改 package.json

    "scripts": {
        "build": "babel src -d dest"
    },
   

4. 运行：npm run build

5. 新建 .babelrc 文件——配置文件

   // 声明preset
   {
       "presets": ["@babel/preset-env"]
   }