1.http-server启动服务
安装一个服务:
启动服务:
检测本地是否支持Es6,在浏览器的控制台输入Promise:(因为Prom)
开发环境里面使用es6
用 webpack 作为转移工具,来写ES6 如果浏览器不支持,就用webpack可以转成es5
要下载工具:node环境中下载:
babel
babel-core
babel-es2015-transform
babel-loader
配置:!!一定要在项目根目录下面写.babelrc
2.es6特性
class
继承: 原型链 call apply() 单例 es6中出现了 class
关键字: 继承
希望一个(子类)class 去继承另一个class(父类),
子类的类名后面加上 extends 父类名称
关键字:
const
表示:声明常量类型,只能被声明,不能被修改
用途:可维护不可变参数信息 例如整个web工程参数配置
关键字:
let
类似 var
但是let是有作用域的,
拓展【redux :
对于复杂的单页面应用,状态(state)管理非常重要。state 可能包括:服务端的响应数据、本地对响应数据的缓存、本地创建的数据(比如,表单数据)以及一些 UI 的状态信息(比如,路由、选中的 tab、是否显示下拉列表、页码控制等等)。如果 state 变化不可预测,就会难于调试(state 不易重现,很难复现一些 bug)和不易于扩展(比如,优化更新渲染、服务端渲染、路由切换时获取数据等等)。
就是用来确保 state 变化的可预测性。】
重点来了呦~~~
()=> 箭头函数zhz
写法: ()=> 表示匿名函数 表示 function(){}
const A=(a,b)=>a+b;
()=> ------- function(){}
(a,b)=>a+b ------ function(a,b){return a+b}
如果 => 没有{} 表示返回(return) => 后面的内容
如果 => 有{} 表示实现花括号内的方法体
使用途径:
1.可以简写回调函数
其实很简单有木有。。。吼吼