ES6语法总结

一.环境搭建(这个环境自动编译es6语法,并且页面自动会刷新)

1.执行下面三条命名(采用的是ssh安装)

git clone git@github.com:huanggengzhong/es6-webpack.git
cnpm i
cnpm i webpack -g
cnpm i webpack-dev-server -g
npm start
安装成功后,自动会打开如下页面:

测试es6模块语法:

上述代码浏览器自动打印:

二.export和import模块语法

在ES6标准中，javascript原生支持module了。将不同功能的代码分别写在不同文件中，各模块只需导出(export)公共接口部分，然后在需要使用的地方通过模块的导入(import)就可以了.
案例:

1.上面可以看出，export命令除了输出变量，还可以输出函数，甚至是类;

2.修改变量名:此时我们不喜欢type这个变量名，因为它有可能重名，所以我们需要修改一下它的变量名。在es6中可以用as实现一键换名。
代码演示如下:

//index.js<