ES6初识

1.ECMAScript 和 JavaScript有什么关系?
前者是后者的规格，后者是前者的一种实现

2.ECMAScript 2015 与ES6 是什么关系?
ES6含义是5.1版以后的JavaScript 的下一代标准，涵养了ES2015、ES2016、ES2017等等，而ES2015则是正式名称，特指该年发布的正式版本的语言标准

3.Node.js安装包及源码下载地址：
https://nodejs.org/

验证是否安装成功
输入 node -v
出现v10.16.0说明安装成功

输入 npm -v
出现6.9.0说明NPM安装成功

4.如果 NPM版本比较j旧想要升级
输入 $ npm install npm -g

如果想使用淘宝镜像的命令
输入$ npm install -g cnpm --registry=https://registry.npm.taobao.org

Bable 转码器
可以将ES6代码转为ES5代码，从而在现有环境执行

比较：
//转码前
input.map(item==>item + 1）;

//转码后
input.map（function(item){
return item + 1;
}）

配置Bable 转ES6为ES5步骤5-1
步骤1：进行WA6项目，执行
npm init -y
//-y代表全部默认同意，就不用一次次按回车了
步骤2：在与package.json同一目录下编写配置文件.babelrc
{
“presets”:[],
“plugins”:[]
}

步骤3：安装bable，根据不同转码规则，代码如下
//es2015转码规则
cnpm install --save-dev babel-preset-es2015

//react转码规则
cnpm install --save-dev babel-preset-react

//ES7不同阶段语法提案的转码规则（共有4个阶段），选装一个
cnpm install --save-dev babel-preset-stage-0
cnpm install --save-dev babel-preset-stage-1
cnpm install --save-dev babel-preset-stage-2
cnpm install --save-dev babel-preset-stage-3

步骤4：安装好的规则加入到 .babelrc中
{
“presets”:[
“es2015”,
“react”,
“stage-0”
],
“plugins”:[]
}

步骤5：安装babel-cli工具，用于命令行转码
cnpm install -g babel-cli
//转码输出文件
example.js
[1,2,3].map(x=>xx);
//执行转码
babel example.js -o compile.js --presets es2015
转码后的compiled.js文件：
“use strict”;
[1,2,3].map(function(x){
return xx;
});

步骤6：实时监听编译文件
$ babel example.js -watch -o compiled.js --presets es2015