赶紧投入es6的怀抱吧

序言

说到ES6/ES2015，不得不说有很多新语法糖，很多新特性。
给我新的语法特性与刺激的感觉是以下几个:
1.let/const/块级作用域
2.Promise/Promise A+(在node里面用得比较多，还有JQ的deffered看上去差不多。)
3.yield/generator(据说co/generator搭配很牛，还没用过，据说是比Promise更优，也是挺惊艳的特性)
4.Class 和 extend(当JS也有class…但其实是prototype原型链的语法糖，有资料说编译出来比function写原型链还慢，但新特性，值得支持与学习)
5.函数箭头的写法 =>
6.基础类型的扩展
7.新的数据结构 Map/Set(有资料说它们的执行效率不高，但新特性，值得支持与学习)

个人觉得在前端(浏览器端)学习es6的话，当然使用babel编译(虽然可以用5.8的浏览器编译版本，但是官方已经不推荐如此使用了，为了方便练手，其实也是没什么所谓的啦).我个人使用的话，是用 Webapck + babel-loader(但新手要去看webpack官网的文档实在困难…实在困难…).编译之后用浏览器读一读就好了，大部分新特性就出来了。
在node 4.x版本以上，对大部分es6特性是支持的。然后为了支持到es7.我个人做了些配置。以下配置在express中使用(es7有async/await大量地减轻写异步操作的麻烦)

 

A. 项目中安装babel依赖 

npm install babel-core –registry=https://registry.npm.taobao.org 

npm install babel-preset-stage-3 –registry=https://registry.npm.taobao.org

B. 在.babelrc 里面写
{
“presets”: [“stage-3”],
“compact” : false
}

C. 在app.js里面添加

require(“babel-core/register”);

D. 在各个文件来一发 ‘use strict’;

好像这么敲着敲着实在是有种并没有什么卵用的感觉。于是我当时学习 ES6 的时候其实是搭配着 React 来学习。当然这么做是所见即所得，灰常开心的。当然这么做不是不好，而是又要花一定的时间成本在学习React的上面，见仁见智。
我在学习React的过程中也接触了很多新鲜的东西……但工作不用啊……团队学习成本高啊……所以就没有然后了。其实React周边的资源还是不错的，我在学习的期间……刚学完一套……突然说变API，突然间某些包合并到别的里面了……但这也阻止不了优秀框架的发展。然后Vue.js的势头也很猛，上手起来也简单，性能据官方所写，也是杠杠的。
说了这么多，还是为大家引引路，个人的React Vue学的不精，也不好意思卖弄了。对ES6感兴趣的同学肯定已经迫不及待想开始敲了。下面介绍几个好资源。
ECMAScript 6入门－－阮一峰
阮一峰老师的webpack Demos
阮一峰老师的react Demos
babel
Webapck
很厉害的vue.js
React
Ant Design 的 React 实现－－蚂蚁金服
Bootstrap 的 React版
AmazeUI的组件库
React-weui

ITDogFire–duckywang