es6的一些常用新特性

1-变量let，const

• 不存在变量提升
• 同一个作用域下不能重复定义同一个名称
• 有着严格的作用域
• const声明的变量只可读，不可改变值，let可以。

2-箭头函数=>

• 一行代码可以不写return
• 不用重新绑定this指向

3-参数展开和扩展 ... 的运用

• 收集剩余的参数

function show(a,b,...args){
    console.log(args)
}

• 展开参数

function show (...args){}
show(12,5,6,7)
//...args = (12,5,6,7)

4-解构赋值

let [a,b,c] = [12,5,8]
let {a,b,c} = {a:12,b:5,c:8}

5-模板字符串拼接

var firstname="张"
var lastname="三"

//以前的字符串拼接
var Splicing="我的姓"+firstname+"名字叫"+lastname
console.log(Splicing)

//使用模板字符串拼接
var newSplicing=`我姓${firstname}名${lastname}`
console.log(newSplicing)

//模板字符串还支持表达式和函数
function add (x,y){
    return x+y;
}
var x=5;
var y=3;
var result=`5+3=${x+y}`;
console.log(result)   //5+3=8
var result2=`5+3=${add(x,y)}`
console.log(result)  //5+3=8

6-数据结构

• set类似于数组，成员是唯一的，用法如下

const s new Set()
s.add(1).add(2).add(3).add(2)
console.log(s)

//利用set去重
var arr2 = [2,3,3,5,6,6,7,8,9,1,2,2,3,9]
var arr3 = [...new Set(arr2)]
console.log(arr3)

• map类似于对象

const m = new Map()
m.set('name','amy').set('age',18)
console.log(m)
//可用for of遍历
for(let [key,value] of m){
    console.log(key,value)
}

7-数组一些方法操作

• map()-映射-默认返回值是一个空数组，可以在回调函数中return对遍历的数组进行处理然后返回。
• reduce()-汇总-可以算数组值的汇总，或者计算平均数，对数组计算。
• filter()-过滤器-对数组的值进行过滤筛选
• forEach()

8-字符串操作

• startsWith("a")-获取以a开头的字符串值
• endsWith("a")-获取以a结尾的字符串值

9-promise

• 主要用于异步计算，可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果
• promise是js中进行异步编程的新的解决方案
• 从语法来讲promise是一个构造函数
• 从功能上来说，promise对象用来封装异步操作并可获取结果
• all()必须都完成才返回成功，race()有任意一个完成就算成功

promise.all([
    $.ajax({url:'url',dataType:'json'}),
    $.ajax({url:'url2',dataType:'json'})
]).then((res)=>{
    console.log('成功')
},()=>{
    console.log('失败')
})

10-generator

• generator函数中间可以暂停，控制函数里代码执行，需要在函数前面加一个*号
• next()暂停后继续向下执行

function *fun(){
    console.log('执行到a')
    yield
    console.log('执行到b')
}

11-async和await