【萌芽笔记】ECMAScript6学习笔记

这周萌芽决定好好学习一下ES6，感兴趣的小伙伴们来一起学习吧~
ES6(ES2015)——IE10+、Chrome、FireFox、移动端、Node.js

编译转换

1.在线转换（browser.js）
2.提前编译

ES6新特性

---

1.变量
2.函数
3.数组
4.字符串
5.面向对象
6.promise（串行化异步交互）
7.generator（把同步拆分为异步）
8.模块化（ES6自带模块化）

---

变量

var
1.可以重复声明
2.无法限制修改
3.没有块级作用域（没有语法块！）

let 不能重复声明(变量，可以修改)
const 不能重复声明(常量，不能修改)

块级作用域，let在外部无法调用

函数
箭头函数 =>

function show(){
//这是我们平常的函数
}
let show=()=>{
//箭头函数
}

区别不大，把function省略掉换成箭头，主要就是为了方便，可传参
我呸，区别太大了！详情可以看我博客【箭头函数能否替代普通函数】：https://blog.csdn.net/Meng_ya_zi/article/details/93309760

1.如果只有一个参数，（）可以省去。

 let show=a=>{
        return a*2
    }

2.如果只有一个return，{}可以省略

   let show=a=>a*2;
   let arr = [15,2,37,11,67,4,6]; //排序
  
   arr.sort((n1,n2)=>{
        return n1-n2;
    })
    
    arr.sort((n1,n2)=> n1-n2 );
    console.log(arr)

函数的参数
1.参数扩展/展开
2.默认参数

参数的扩展
1.收集参数

 function arrData(a,b,...args) {
        alert(a);
        alert(b);
        alert(args);
    }
    *注意：Rest Parameter必须是最后一个(除其他语言)

2.展开数组

    arrData(...arr);       //等价于 arrData(1,2,3);

这仨点儿【…】代表把数组内容掏出来放这。

---

默认参数

//jQuery中的默认参数
$('#div1').animate({width:'200px'});
$('#div1').animate({width:'200px'},1000);

//ES6默认传参
   function showOne(a,b=10,c=5) {
        console.log(a,b,c)
    }

解构赋值
1.左右两边解构必须一样
2.右边必须是个合法的东西
3.声明和赋值不能分开(必须在一句话里完成)

    let  [one,two,three] = [10,20,30];
    let  {one1,two2,three3} = {a:10,b:20,c:30};

数组
map 映射（一个对一个。传几个返回几个）

let result = arr.map(function (item) {
    return item*2;
});//简写一下
let result = arr.map(item=>item*2 );

//判断考试成绩
let score = [19,18,78,65,100];
let result = score.map(item=>item>=60?'及格':'不及格');

reduce 汇总（算个总数，算个平均数）

//tmp：上次求和总和，为两两相加，如果之前没有结果则为传进来的数组的第一个数。
//itme：当前的数。
//index：执行的次数。

   let result = arr.reduce(function (tmp, item, index) {
       return tmp + item;
    });
    //简写
    arr.reduce((tmp,