ES6从入门到摒弃
1.ES6是什么，黑汗青，不讲，本身百度去。
2.在浏览器中怎样运用？
1.babel babeljs.io在线编译
2.traceur—–Google出的编译器，把ES6编译成ES5
traceur 编译
bootsrap 指导顺序，和我们明白的bootstrap css谁人框架没有半毛钱关联。
<script src="traceur.js"></script>
<script src="bootstrap.js"></script>
<script type="module">
</script>3.es6新功能
1.定义变量
let 替换var 具有块级作用域。
2.const
定义常量 常量不能够修正，假如修正会报错
3.字符串衔接
ES6管它叫模板引擎，实在就是字符串衔接这个破玩意。
用键盘1左侧谁人键,反引号。
var str = '帅';//注重这里是一般双引号
var str2 = `你们从我脸上看到了什么${str},岂非不是么？`;4.解构赋值
var [a,b,c] = [12,5,8];
console.log(a,b,c);//12,5,8 是否是很简约？
5.ES6新技能
a)复制数组
arr2.from(arr)//不再用用轮回了，吼吼，还可不能够更性感一点
arr2 = [...arr]//简直是bug级别的用法，不过至心简朴
b)for of轮回
c)map 、delete
6.箭头函数 重点，angular 2.x用的不少。
/*function show(a){
return a;
}
var s=show(12);
alert(s);*/
var show=(a,b)=>a+b;
var s=show(12,5);相称简朴。
([param] [, param]) => {
statements
}
param => expression诠释：
param 是参数，依据参数个数差别，分这几种状况：
() => { … } // 零个参数用 () 示意
x => { … } // 一个参数能够省略 ()
(x, y) => { … } // 多参数不能省略 ()
7.更简约的对象语法
var name='abb';
var age=101;
var preson={
name,
age,
showName(){
return this.name;
},
showAge(){
return this.age;
}
};
alert(preson.showName());你没有看错，bug一样的语法。
8.重中之重，不懂这个你完整懵逼，完整看不懂angular2.x在干啥。类。
类，真特么累，一个语法糖，废柴，但是你还得懂。
class Person{ //类
constructor(name,age){
this.name=name;
this.age=age;
}
showName(){
return this.name;
}
showAge(){
return this.age;
}
}
var p1=new Person('aaa',10);
alert(p1.showName());你没有看错，这里面的this就没有问题的。玩类，不能不说的一个东西就是继续，这里得谢谢ES6，我们不再用
apply 和 constructor 夹杂的体式格局继续了，太特么恶心了，直接用extend,拍手，送火箭。
class Person{ //类
constructor(name='default',age=0){
this.name=name;
this.age=age;
}
showName(){
return this.name;
}
showAge(){
return this.age;
}
}
//继续
class Worker extends Person{
constructor(name,age,job='扫地的'){
super(name,age);
this.job=job;
}
showJob(){
return this.job;
}
}早特么应当这么玩，话说吐槽一下，敢不敢把construtor这么丑逼的东西给我换成真正的构造函数？
再说一个模块化，火线高能，必需必需必需会！！不然你载angular2.x中连代码你都构造不起来，不知道你往那里写。
之前我们用过seajs，和require,有了ES6，不再用这两个货了。
定义模块
const a = 12;
export a;再来一个angular2.x中的例子
class hero{
//属性
xxxx
//要领
}
exports hero;怎样运用？
import modA from './a.js';
import modB from './b.js';
console.log(modA+modB);9.promise
假如你想玩一些新的库，一定离不开数据交互，表面炒的很火。
就是一个对象，用来通报异步操纵的数据(音讯)
pending（守候、处置惩罚中）—> Resolve(完成、fullFilled)
—> Rejected(谢绝、失利)运用：
var p1=new Promise(function(resolve,reject){
//resolve 胜利了
//reject 失利了
});
var p1=new Promise(function(resolve,reject){
if(异步处置惩罚胜利了){
resolve(胜利数据)
}else{
reject(失利缘由)
}
});
p1.then(胜利(resolve),失利(reject)) √
--------------------------------------------
p1.catch——用来捕捉毛病
10.生成器Gennerator.
看起来挺悬，实在就是那末回事儿，我们看看是什么鬼。
一个函数，能够遍历状况,觉得就是状况机，好吧不说了再说就懵逼了。
语法：
function *show(){
}
注重：
a)函数名字前有星号
b)内部用yield
c）next实行下一个状况
function* show(){
yield 'Hello';
yield 'World';
yield 'Es6';
return 'well';
}
var res=show();
console.log(res.next()); //{value:'Hello', done:false}
console.log(res.next()); //{value:'World', done:false}
console.log(res.next()); //{value:'Es5', done:false}
console.log(res.next()); //{value:'well', done:true}ES6基础上会这么多就能够了，剩下的时候就能够去泡妹子了,JS大法好，收工！
