<

ES6入门,看这篇就够了

tech_es6_1

1.ES6是什么,黑历史,不赘述,百度去。

2.在浏览器中如何使用?

1.babel babeljs.io在线编译

2.traceur-----Google出的编译器,把ES6编译成ES5

traceur 编译

bootsrap 引导程序,和我们理解的bootstrap css那个框架没有半毛钱关系。


3.es6新功能

1.定义变量

let 替代var 拥有块级作用域。

2.const

定义常量 常量不可以修改,如果修改会报错

3.字符串连接

ES6管它叫模板引擎,其实就是字符串连接这个破玩意。

用键盘1左边那个键,反引号。

4.解构赋值

5.ES6新技巧

a)复制数组

b)for of循环

c)map 、delete 6.箭头函数 重点,angular 2.x用的不少。

相当简单。

解释:

param 是参数,根据参数个数不同,分这几种情况: () => { … } // 零个参数用 () 表示 x => { … } // 一个参数可以省略 () (x, y) => { … } // 多参数不能省略 ()

7.更简洁的对象语法

你没有看错,bug一样的语法。

8.重中之重,不懂这个你彻底懵逼,完全看不懂angular2.x在干啥。类。

类,真特么累,一个语法糖,废柴,然而你还得懂。

你没有看错,这里面的this就没有问题的。玩类,不得不说的一个东西就是继承,这里得感谢ES6,我们再也不用

apply 和 constructor 混合的方式继承了,太特么恶心了,直接用extend,鼓掌,送火箭。

早特么应该这么玩,话说吐槽一下,敢不敢把construtor这么丑逼的东西给我换成真正的构造函数?

再说一个模块化,前方高能,必须必须必须会!!否则你载angular2.x中连代码你都组织不起来,不知道你往哪里写。

之前我们用过seajs,和require,有了ES6,再也不用这两个货了。

定义模块

再来一个angular2.x中的例子

怎么使用?

9.promise tech_es6_2

如果你想玩一些新的库,肯定离不开数据交互,外面炒的很火。

就是一个对象,用来传递异步操作的数据(消息)

使用:

10.生成器Gennerator.

看起来挺悬,其实就是那么回事儿,我们看看是什么鬼。

一个函数,可以遍历状态,感觉就是状态机,好吧不说了再说就懵逼了。

语法:

注意:

a)函数名字前有星号

b)内部用yield

c)next执行下一个状态

ES6基本上会这么多就可以了!