ES6 笔记

ES6

箭头函数（lambda表达式）
(agr) => { 函数体 }
注：只有一个参数可以省略（），函数体为一个表达式时可省略return

解构赋值
数组解构 var [a, b, c] = arr
对象解构 var {name, sex, age, son} = obj; //变量名与对象属性名称一致
var {name: nickname, age: howold} = obj； //变量名与属性名不一致 ，解构时更改变量名
for循环解构 for(let [a,b] of arr){ console.log(a);console.log(b) }
函数传参解构 function([a,b,c]){ console.log(a);console.log(b) }
对象传参解构 function fn2({sex, age, name}) {console.log(name + ' ' + sex + ' ' + age);}

*解构的应用
//变量交换 let [x,y] = [y,x]
//字符串解构 let [a,b,c,d] = “love”

如果解构后不严格等于underfined ，默认值不生效。
let［a＝1］＝［null］// null
let [x = fn()] = a 等同 x= (a !== underfined) ? a : fn()

扩展运算符 vs rest运算符
… 放在被赋值一方为rest运算符，放在赋值一方为扩展运算符
扩展运算
//数组深拷贝
var arr2 = arr; var arr3 = [...arr]; console.log(arr===arr3); //false, 说明arr3和arr指向不同数组
var arr4 = [...arr, 4, 5, 6]; console.log(arr4);//[1, 2, 3, 4, 5, 6] //把一个数组插入另一个数组字面量
var str = 'love'; var arr5 = [...str]; console.log(arr5);//[ 'l', 'o', 'v', 'e' ] //字符串转数组
rest运算:
var bar = function(...args) {
for (let el of args) {console.log(el) }
}
bar(1, 2, 3, 4); //1 //2 //3 //4

var [a, ...rest] = [1, 2, 3, 4];
console.log(a);//1 console.log(rest);//[2, 3, 4]
总结：
在等号赋值或for循环中，如果需要从数组或对象中取值，尽量使用解构。
在自己定义函数的时候，如果调用者传来的是数组或对象，形参尽量使用解构方式，优先使用对象解构，其次是数组解构。代码可读性会很好。
在调用第三方函数的时候，如果该函数接受多个参数，并且你要传入的实参为数组，则使用扩展运算符。可以避免使用下标形式传入参数。也可以避免很多人习惯的使用apply方法传入数组。
rest运算符使用场景应该稍少一些，主要是处理不定数量参数，可以避免arguments对象的使用。

标签函数
Es6 异步编程
generator 协程

es6 数组扩展
ES6数组方法：

1. Array.from() //用于将类数组对象（NodeList or arguments）和可遍历对象 转化为真正的数组
2. Array.of()
3. Array.copyWithin()
4. find()\ findIndex()
5. fill()
6. entries() keys() values()
7. includes()
   ＊数组的空位
   es6 将空位转为undefined；entries()、keys()、values()、find()和findIndex()会将空位处理成undefined。
   es5 forEach(), filter(), every() 和some()都会跳过空位。
   map()会跳过空位，但会保留这个值
   join()和toString()会将空位视为undefined，而undefined和null会被处理成空字符串

ES5 数组方法：

• 5个迭代方法（循环操作数组中的各个项）：forEach(),map(),filter(),every()和some()
• 2个归并方法（迭代数组所有项，最终返回一个值）：reduce()和reduceRight()
• 2个索引方法：indexOf()和lastIndexOf()

1. forEach(callbackFn[thisArg]) 无返回值 ／／thisArg为callbackFn指定执行上下文 callbackFN(item, index, array)
2. map 返回新数组 ／／callbackFn函数 返回值组成的新数组
3. filter filter 返回新数组 ／／callback函数 返回值为 true 的元素所组成的新数组
4. some 无返回值 ／／callbackFn函数一返回true 即中止遍历，并返回true；
5. every 无返回值 ／／ callbackFn函数每一项都返回true 才返回true；一返回false就中止遍历，并返回false
6. indexOf(searchElement, [fromIndex]) ／／返回索引值 or －1 fromIndex参数，表示搜索起始位置
7. lastIndexOf ／／从数组末倒叙开始

• reduce(callback[, initialValue]) ／／ callback(前值，当前值，索引值，原数组) initialValue参数作为第一次循环时的前值

1. reduceRight ／／从数组末尾开始向前执行 reduce 操作。

forEach & map & reduce 区别
forEach 对数组中每个元素做处理，没有返回值 [A] -> [空]
map 对数组中每个元素做处理，返回每次执行的结果（组成一个数组返回） [A] -> [B]
reduce 对数组中每个元素做处理 ， 每次处理后的结果作为参数传递给回调函数下一次调用，最后返回累积之后的结果 [A] -> B -> [A]
initialValue参数：当第一次调用时的前值；如无，则数组第一个元素作前值，数组第二个元素当前值

push & concat 区别
push 遇到数组参数时，把整个数组参数作为一个元素；而 concat 则是拆开数组参数，一个元素一个元素地加进去。
push 直接改变当前数组；concat 不改变当前数组。

延迟执行
setInterval(code,millisec[,"lang"]) ／／code 为要调用的函数
setInterval,是间隔执行,次数为无限次。
setTimeout,是隔一段时间,执行一次

数据拼接

let data = offerId.map(e => { //offer uuid 与 eventName 数据拼接
return listData.map(j => {
return {
scope: 'custom',
offerId: e,
eventName: j.eventName,
eventType: j.eventType,
meaning: j.meaning
}
})
})

set数据结构
new Set() 类似于成员唯一数组
属性：
set.size 实例成员的总数
操作：
add() 返回set
delete() 返回布尔
has() 是否为Set成员
clear() 清空，无返回值
遍历：
keys()：返回键名的遍历器
values()：返回键值的遍历器
entries()：返回键值对的遍历器
forEach()
eg：return Array.from(new Set(array)) // 数组去重

Map数据结构