ES6常用命令与介绍

ES6是2015年推出的，非常不错的，目的是用js能有“规格”写大型项目，所以很有必要学习。

let和const命令

const是定义常量，若定义了不能再改变，若改变则会报错。也存在可以改的情况，那就是const定义一个对象，我们修改对象里面的属性。
let是定义变量，和var有什么区别？请看下面

什么叫变量提升：举例一个小demo

<div id="log" class="log"></div>  <script>    console.log("a" + a);    var a = 1;    console.log("b" + b);    let b = 2    function printlog(str) {      document.getElementById('log').innerText = str;    }  </script>

打印出来：

为什么a undefined，而b is not defind，var有变量提升的作用，意思就是把var定义的变量提升到第一行，所以打印出来就是有a了。var，function均可以变量提升。
将上述代码整理使用模板语言，什么是模板语言
因为他很方便不需要组装

<div id="log" class="log"></div><script>// 这个里面就是填写``模板语言，可正常打印，可自动换行，效果可以自行张贴查看    var sat = `    console.log("a" + a);    var a = 1;    console.log("b" + b);    let b = 2      `    printlog(sat);    function printlog(str) {        document.getElementById('log').innerText = str;    }</script>

总结：在实际开发尽量用let定义，好处是，let是块作用域(局部作用域)，var定义会存在内存泄露，经常在实际开发中用var定义a，而a之前有定义，就存在未销毁情况，let定义变量会及时销毁

箭头函数

    var arr=[3,6,9];    var newarr=arr.map(function (item){        return item +2;    })    //下面是箭头函数表示上述的意思    var newarr=arr.map((item)=>item+2);//函数代码大于两行则需要使用大括号

经常用箭头函数的好处是：代码会更清晰，代码量也会减少，强烈推荐使用箭头函数，确实很方便。当然有个重要的好处是this的使用，若在函数内的this是指向当前对象，而不是外部的this。若使用箭头函数，里面和外面的this会保持一致。

字符串、对象、数组和函数的解构

//数组解构：一一对应，var [a,b,c]=[1,2,3];//字符串解构：一一对应，var [a,b,c]="ABC";//对象解构：一一对应，var {m,n}={m:10,n:20};//函数解构：    function sum([x,y]){        return x+y;    }    sum([2,8]);

Rest参数

三个点的介绍

    //...点代表不确定传入多少个参数    let sum001 = (...m) => {      let total = 0;      for (var i of m) {        total += i;      }      console.log(`total:${total}`);    }    sum3(4, 8, 9, 10);//    //...点和数组结合称函数的拓展，将4,8进行拆解    console.log(...[4, 8]);    //x为4,y为8,10,30数组    var [x, ...y] = [4, 8, 10, 30];    let [a, b, c] = "ES6";

模块化开发方案:AMD、CMD、CommonJs和ES6对比

AMD是RequireJS在推广过程中对模块的定义的规范化产出。依赖前置，异步模块定义。
CMD是SeaJS（淘宝官方提供）在推广过程中对模块定义规范化产出，没有依赖前置，依赖就近，同步的意思，即用即返回
CommonJs module.exports规范，使用在node开发推荐的(服务端)。
ES6特性exprot/import，导出才能导入

未完待续。。。