es6常用知识点

自己学习是整理的es6知识点（写的比较简洁）

1 let代替var 块级作用域

2 const 定义常量 块级作用域

3 解构赋值 var [a,b,c]=['aa','bb','cc']; console.log(a,b,c)

4 字符串模板‘<div>${name}</div><div>${age}</div><div>${count}</div>'

5 ... [1,2,3]与1,2,3相互转换

6 => 箭头函数 this指创建该函数的对象

7 Array.from() 将类数组转成数组

8 Array.of() 将一组数据转为数组

9 arr.find()

let arr=[11,200,13,23];

let res=arr.find((val,index,arr)=>{

return val>100;

});

console.log(res)

10 arr.findIndex()

11 arr.fill() 填充数组 .fill(填充内容，起始位置，结束位置)，会替换原来元素

12 arr.includes() 返回boolean

13 定义对象，简写

let json={

name,//name:name,

age,//age:age,

//show:function(){}

show(){

}

}

14 Object.is() 返回boolean Object.is(‘aaa’,'bbb')

15 Object.assign() 合并json对象，数组

16 Object.keys() Object.values() Object.entries()

let json={a:1'b:2,c:3}

let {keys,values,entries}=Object;//解构

for(let key of keys(json)){console.log(key)}

for(let value of keys(values)){console.log(value )}

17 Promise

Promise.resolve('aaa') 将括号中的内容转为Promse对象，resolve状态，成功状态

Promise.reject('bbb') 将括号中的内容转为Promse对象，reject态，失败状态

Promise.all([p1,p2,p3]) p1,p2,p3均为resolve状态

Promise.race([p1,p2,p3]) 用的比较少

18 import export

19 类 class

class Person{

constructor(){

this.name='aaa'

}

showName(){

}

}

20 Set,Map

let set = new Set(['zhangsan','zhangsan','lisi','wangwu']);

set.size//长度

.add()；.delete();.has();.clear();

 

const map = new Map([ ['name','张雪'], ["age",21], ["age",21], ["sex",'男'] ]);

map.size//长度

.set()/.get();.delete();.has();.clear();.keys();.values();.entries();

21 函数默认值

//ES6中，直接将的形参设置默值 function sum(num1 = 10,num2 = 10){ console.log(num1 + num2); } sum(); //20 sum(1,3); //4