es6语法

1、var、let、const

块作用域

  • var
    es6语法_第1张图片
  • let
    es6语法_第2张图片
  • const
    es6语法_第3张图片
    const修饰常量
    es6语法_第4张图片

2、模板字符串

es6语法_第5张图片

3、结构赋值

3.1、数组处理

es6语法_第6张图片

3.2、对象处理

es6语法_第7张图片

4、数组和对象的扩展

4.1、扩展运算符

4.1.1、实现数组拷贝合并

实现数组合并
es6语法_第8张图片

4.1.2、实现对象拷贝合并

实现对象合并
es6语法_第9张图片

4.2、数组方法Array.from()

es6语法_第10张图片
es6语法_第11张图片

4.3、数组方法includes()

是否包含此数据
es6语法_第12张图片

4.4、数组方法map()

es6语法_第13张图片

4.5、数组方法filter()

过滤出大于3的元素,返回新的数组
es6语法_第14张图片

4.6、数组方法find()

找到大于3的第一个元素
es6语法_第15张图片

4.7、数组方法some()

存在一个大于3的就返回true
es6语法_第16张图片
不存在大于8的元素返回false
es6语法_第17张图片

4.8、数组方法every()

所有元素大于0返回true
es6语法_第18张图片
es6语法_第19张图片

4.9、数组方法pop()

删除并获取最后一个元素
es6语法_第20张图片

4.10、数组方法 unshift()

向数组头部添加元素,并获取最后一个元素
es6语法_第21张图片

4.11、数组方法shift()

删除掉第一个元素,并获取第一个元素
es6语法_第22张图片

4.11、数组方法fill()

替换元素的值
es6语法_第23张图片

4.12、对象方法Object.assign()实现对象拷贝合并

Object.assign()实现对象拷贝
es6语法_第24张图片
Object.assign()实现对象合并
es6语法_第25张图片

4.13、对象方法Object.is()

判断两个对象是否是同一对象
es6语法_第26张图片

4.14、对象方法Object.keys()、Object.values()、Object.entries()

Object.keys()获取对象key
Object.values()获取对象值
Object.entries()对象转换数组
es6语法_第27张图片

5、class 类似Java的类

5.1、类中构造方法和自定方法

es6语法_第28张图片

5.2、继承

es6语法_第29张图片

6、箭头函数

es6语法_第30张图片

你可能感兴趣的:(es6,前端,javascript)