ES6学习笔记

一：常用命令

1. var 有变量提升
2. let 是块级作用域，没有变量提升
3. 模板语言 “ 还原百分百定义的格式
4. const 定义常量，特殊情况可以改变值

const b=1；b=2;  // errorconst b={a：1};b.a = 2  // okb.c = 10  // ok 'object是内存地址，地址不变就没问题'

1. 默认值
   在不知道接收到个什么参数或参数为空的情况，我们可以给个默认值

function sum(num1,num2=3){    return num1+num2;}sum(7) // 10

1. 箭头函数
   function内部的作用域指向的是调用这个函数的对象
   箭头函数的作用域本身没有作用域，里面的this就是外面的this，
   不用再 var _this = this 。

2. 数组的解构

var [a,b,c] = [3,8,10];  // 数组的分解var [x,y,z] = "vue";  // 字符串的分解console.log('x:${x},y:${y},z:${z}'); // x:V,y:u,z:evar {m,n} = {m:10,n=20}; // 对象的解构，对key进行拆分console.log('m:${m},n:${n}); // m:10,n:20

1. 函数的Rest参数和扩展
   … 代表Rest参数：不确定会传入多少个参数时使用，rest参数后面不能再有其他参数（只能是最后一个）

function sum = (...m)=>{  // （a,b,..m）行  （a,b,..m,c）不行    let total = 0;    for(var i of m){        total +=i ;    }    console.log(`total:${total}`) }sum(1,2,3,4); // 10数组的扩展console.log(...[4,8]); // 4  8三个点跟数组结合就会进行运算，把4跟8进行拆减数组的合并也会简单很多:var arr1 = [1,2]; var arr2 = [3,4];[...arr1,...arr2]  //  [1,2,3,4]字符串的扩展let xy = [...'ES6']; // 三个点跟字符串放一起会进行拆减console.log(xy); // ["E","S","6"]结构的扩展var [x,...y] = [4,8,10,30];console.log(y); // [8,10,30]