ES6新增,常用的方法

一.ES6的新增

1. 新增了canvas 绘画视图
2. 新增了定义class的语法糖
3. 函数的新增了箭头函数、函数参数的默认值
4. 数组实例新增了 keys()，values()，entries()
5. 新增了基本数据类型(symbol)
6. 变量的解构赋值
7. 新增了Map数据结构 和 Set数据结构
8. 新增了模块化(import/export)
9. 数组和对象新增了扩展运算符
10. 数组新增了一些API接口 例如 api/app
11. 新增了generator(生产器) 和 iterator(遍历器)
12. 块级作用域(let,const)
13. Object.assign()
14. 新增了模板字符串

二.常用的es6方法

1. 箭头函数，函数参数的默认值

 let arr=[1,2,3,4,5,6,7,8,9,10]
 arr.forEach((i,k)=>{
	console.log('箭头函数')
 })

 function log(x,y=10)=>{ //默认值 没有传递参数的时候使用默认值 如果传递参数就使用传递的参数
 	console.log(x,y)
 }
 log(5)

2.解构赋值

1. 数组方式

 let [a,b,c] = [1,2,3] //a=1,b=2,c=3
 let [a,b,c] = [1,2] //a=1,b=2,c=undefined
 let [a,b,c] = [1,2,3,4,5,6,7] // a=1,b=2,c=3
 let [a,b,[c]] = [1,2,3,4,5,6,7] // a=1,b=2,c=3
 let [a,b,[...c]] = [1,2,3,4,5,6,7] // a=1,b=2,c=[3,4,5,6,7]
 let [a,b,c=7] = [1,2] // a=1,b=2,c=7 没有赋值就使用默认值

2. 对象方式

 let {a:a,b:b} = {a:10,b:30} // a=10,b=30
 let {a:a,b:b} = {b:10,a:30} // a=30,b=10
 let {a,b} = {a:10,b:30} // a=10,b=30
 let {a:c,b:d} = {a:10,b:30} // a=10,b=30
 let {c,d} = {a:10,b:30} //c=undefined,d=undefined

3. 对象的嵌套使用

 let obj={p:['hello',{x:'world'}]}
 let {p:[a,{x:b}]} = obj
 let {p:[a,{x}]} = obj
 console.log(a,b) //a=hello b=world
 console.log(x) //x=world
 let obj={p:['hello',{x:'world'}]}
 let {p:[a,{b}]} = obj
 console.log(b) //undefined

4. 默认值

 let {a:y=20} ={b:10}
 console.log(y) //20
 let {a:y=20} ={b:10,a:11}
 console.log(y) //11
 var {foo: {bar}} = {baz: 'baz'};
 foo //报错

5. 字符串方式

 let [a,b,c,d,e] = 'hello'
 console.log(a,b,c) // h e l
 let [a,b,[...c]] = 'hello'
 console.log(a,b,c) // h e [llo]

3.块级作用域(let,const)

1. 什么是let呢？

   let和var差不多，都是用来声明变量的。区别就在于：
   1、 let声明的变量只在所处于的块级有效；
   2、 let没有‘变量提升’的特性，而是‘暂时性死区（temporal dead zone）特性。

2. let声明的变量只在所处于的块级有效；

	'use strict';
	function func(args){
	    if(true){
	        //let声明i
	        let i = 6;
	        //在if内打印i值
	        console.log('inside: ' + i);
	    }
	    //在if外，再次打印i值
	    console.log('outside: ' + i);
	};
	func();

3. let没有‘变量提升’的特性，而是‘暂时性死区（temporal dead zone）特性。

	'use strict';
	function func(){
	    //在let声明前，打印i
	    console.log(i);
	    let i;
	};
	func();

const命令：

1. const命令与let命令一样，声明的变量，其作用域都是块级。

所以const遵循的规则与let相差无二，只是，const是用来声明恒定变量的。

且，用const声明恒定变量，声明的同时就必须赋值，否则会报错。

	'use strict';
	function func(){
	    const PI;
	    PI = 3.14;
	    console.log(PI);
	};
	func();