ES6自我总结笔记（阮一峰ES6入门）

【let和const命令】

1.var的做用域是函数体内，不是块级做用域

2.let是更完美的var，let的变量的做用是块级做用域

3.let声明的全局变量不是全局对象属性，不能够经过window.变量名的方式访问

4.let声明的变量直到控制流到达该变量被定义的代码行时才会被装载，因此在到达以前使用该变量会触发错误

5.用let重定义变量会抛出一个语法错误（SyntaxError）

6.const声明的变量与let声明的变量相似，它们的不一样之处在于，const声明的变量只能够在声明时赋值，不可随意修改，不然会致使SyntaxError（语法错误）

7.const声明后必需要赋值

【变量的解构和赋值】

1.对undefined或者null进行解构，会报错。

var [foo] = undefined //报错
var [foo] = null //报错

　　由于解构只能用于数组和对象，其余原始的值都会转换相对应的对象，可是undefined和null不能转换为对象，因此报错。

2.数组结构和对象解构的不一样：数组变量的取值是按照位置决定的；对象的变量必须与属性同名才能正确取值

3.JavaScript引擎会将{X}理解成代码块。

4.变量解构的用途：交换变量的值，从函数返回多个值，函数参数的定义。函数参数的默认值 、遍历Map结构、输入模块的指定方法

 

【set和map数据结构】

1.ES6提供了新的数据结构，相似于数组，可是其成员是惟一的，没有重复的值

2.set自己是一个构造函数，用来生成set数据结构

3.Set结构不会添加剧复的值

4.向set加入值的时候，不会发生类型转换，意味着5和“5”是两个不一样的值

5.set结构的方法：add(value),delete(value),has(value),clear()；

6.Array.from方法能够将set结构转换为数组，提供了一种去除数组中元素重复的方法】

var items = new Set([1,1,1,2,2,3,4]);
var array = Array.form(items);

7.es6的 map，键值对，“键”的范围不限于字符串，对象也能够看成键。

8.map也能够接受一个数组进行初始化

var map =new Map([["name","张三"],["title","Author"]])
map.size//2
map.has("name")//true
map.get("name")//"张三"

10.map的属性和方法:size、set(key,value)、get(key)、has(key)、delete(key)、clear

11.Map原生提供三个遍历器：

a.keys()：返回键名的遍历器

b.values()：返回键值的遍历器

c.entries()：返回全部成员的遍历器

11.map还有一个foreach的方法，与数组的foreach方法相似，也能够实现遍历，foreach方法能够接受第二个参数，用来绑定this

var reporter ={
      report:function(key,value){
      console.log(key,value);
}
};
map.forEach(function(key,value,map){this.report(key,value);},reporter)

　　上面的代码中，forEach方法的回到函数中的this，就是指向reporter的。

12.WeakMAp结构月Map结构基本相似，惟一的却别是它只接受对象做为键名（null除外），不接受原始的类型值做为键名

13.WeakMap的结构有助于防止内存泄漏，由于当对象被回收后，WeakMap自动移除对应的键值对。

14。

【函数的扩展】

1.函数参数的默认值，ES6容许为函数的参数设置默认值，任何带有默认值的参数，都被视为可选参数。不带默认值的参数，则被视为必填参数

2.rest参数：...变量名，rest参数以后不能再有其余参数，不然会报错

3.扩展运算符：是三个点（...），比如rest参数的逆运算，将一个数组转换为用逗号分隔的参数序列。

4.扩展运算符能够简化求出一个数组最大元素的写法

5.箭头函数：var f =v=>v var f=function(v){return v}

6.若是箭头函数不须要参数或须要多个参数，就使用一堆圆括号表明参数部分

7.因为大括号被结束为代码块，所以若是箭头函数直接返回一个对象，必须在对象外面加上括号

8.箭头函数有几个使用注意点:1.函数体内的this对象，绑定定义时所在的对象，而不是使用时所在的对象2.不能够看成构造函数，也就是说，不可使用new命令，不可使用arguments对象，该对象在函数体内不存在

【Iterator和for ...of循环】

 1.一个对象只要部署了next方法，就被视为具备iterator接口，就能够用for...of循环遍历它的值，数组原生具有iterator接口

 2.js原有的for...in循环，只能得到对象的键名，不能直接获取键值。（for...in有一个坑：它会把属性一块儿遍历）

var arr=["a",'b','c'];
arr.name="ahhh";
for(var a in arr){
console.log(a);
}
//0
//1
//2
//name

var arr=["a","b","c"];
for(var a of arr){
console.log(a);
}
//a
//b
//c

3.对于Set和Map结构的数据，能够直接使用for...of循环

4.对于普通的对象，for...of结构不能直接使用，不然会报错，必须部署了iterator接口才能使用

5.for ...of的使用范围：数组、相似数组的对象（好比arguments对象，DOM NodeList对象）、Set和Map结构、Generator对象，以及字符串

【对象的扩展】

1.object.is()用来比较两个值是否严格相等。它与严格比较运算符（===）的行为基本一致，不一样之处只有两点：一是+0不等于-0，二是NaN等于自身

+0 ===-0//true
NaN === NaN //false

Object.is(=0,-0)//false
Object.is(NaN,NaN)//true

2.Object.assign()、深拷贝（可参考http://blog.csdn.net/waiterwaiter/article/details/50267787）、只对顶层属性作了赋值，彻底没有继续作递归之类的把全部下一层的属性作深拷贝。

3.若是目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。