es6更新

一、  let  

//外面不能访问到a ,也不能重新声明，不能重新赋值 

let a=1; 

let a=2; 错误，不能重新声明

let a=1;

    a=2; 错误，不能重新赋值

二、const  //必须有初始值

const a      //错误 要有初始值，不能重新赋值      a=1; 

const b=1;

const b=2;  //错误 不能重新赋值

三、``  使用 ``     //字符串链接

    

let a=`1111`;let b=`  22222${a}22222  `

四、解构赋值

var [a,b,c]=[12,14,16];console.log(a,b,c)

五、复制数组

let arr=[1,2,3]arr1=Array.from(arr);arr1.pop();console.log(arr)   //arr1=[1,2] //直接复制数组，是直接赋值内存指针，用Array.from(),是直接赋值

let arr5=[...arr];  //第二种直接用...arr5.pop();console.log(arr);

接受参数

function show(...args){  console.log(args);  //...集中接收参数到args}show(1,2,3,4);

六、 循环

function fide(){     let arr=['apple','orlenf','red']             for(let i of arr){  //for of 表示取的数组的value                console.log(i);            }        } fide();

 let map=new Map();     //map.set() 添加    //map.get() 获取    //map.delete() 删除    map.set('a','apple');    map.set('b','apple1');    map.set('v','apple2');    map.set('d','apple3'); for(var [key,value] of map){      console.log(key,value);  }

七、箭头函数

参考https://segmentfault.com/a/1190000004280772

https://pjchender.blogspot.com/2017/01/es6-arrow-function.html

let fn = function(){              console.log(this.constructor.name);  // Object(data)              setTimeout(function(){                console.log(this.constructor.name) // Window              },100);            }                        // 箭頭函式 Arrow function            let fn_arr = function(){              console.log(this.constructor.name);  // Object(data)              setTimeout(() => {                console.log(this.constructor.name) // Object(data)              },100);            }            let id = 21;            let data = {              id: 21            }            fn.call(data);                 fn_arr.call(data); 

总结：箭头函数没有像function （）{  } 中的大括号这样的执行作用域，只要使用箭头函数，他的作用域就是使用箭头函数的这个作用域。

所以在setTimeout中使用箭头函数，箭头函数里面的this就是指向当前箭头函数所处的作用域中，就是data.fn_arr这个作用域中，里面的this就是指向对象data

https://www.w3cplus.com/javascript/es6-arrow-function.html