JS高级编程课件11_ES6~ES13新特性（三）.pdf

ES7~ES13新特性（三）

王红元coderwhy

目录

1ES7新增特性解析

content

2ES8新增特性解析

3ES10新增特性解析

4ES11新增特性解析

5ES12新增特性解析

6ES13新增特性解析

coderwhyES7-ArrayIncludes（已学）

◼在ES7之前，如果我们想判断一个数组中是否包含某个元素，需要通过indexOf获取结果，并且判断是否为-1。

◼在ES7中，我们可以通过includes来判断一个数组中是否包含一个指定的元素，根据情况，如果包含则返回true，否则返回false。

coderwhyES7–指数exponentiation运算符（已学）

◼在ES7之前，计算数字的乘方需要通过Math.pow方法来完成。

◼在ES7中，增加了**运算符，可以对数字来计算乘方。

coderwhyES8Objectvalues

◼之前我们可以通过Object.keys获取一个对象所有的key

◼在ES8中提供了Object.values来获取所有的value值：

coderwhyES8Objectentries

◼通过Object.entries可以获取到一个数组，数组中会存放可枚举属性的键值对数组。

可以针对对象、数组、字符串进行操作；

coderwhyES8-StringPadding

◼某些字符串我们需要对其进行前后的填充，来实现某种格式化效果，ES8中增加了padStart和padEnd方法，分别是对字符串

的首尾进行填充的。

◼我们简单具一个应用场景：比如需要对身份证、银行卡的前面位数进行隐藏：

coderwhyES8-TrailingCommas

◼在ES8中，我们允许在函数定义和调用时多加一个逗号：

coderwhyES8-ObjectDescriptors

◼Object.getOwnPropertyDescriptors：

这个在之前已经讲过了，这里不再重复。

◼AsyncFunction：async、await

后续讲完Promise讲解

coderwhyES9新增知识点

◼Asynciterators：后续迭代器讲解

◼Objectspreadoperators：前面讲过了

◼Promisefinally：后续讲Promise讲解

coderwhyES10-flatflatMap

◼flat()方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。

◼flatMap()方法首先使用映射函数映射每个元素，然后将结果压缩成一个新数组。

注意一：flatMap是先进行map操作，再做flat的操作；

注意二：flatMap中的flat相当于深度为1；

coderwhyES10-ObjectfromEntries

◼在前面，我们可以通过Object.entries将一个对象转换成entries

◼那么如果我们有一个entries了，如何将其转换成对象呢？

ES10提供了Object.formEntries来完成转换：

◼那么这个方法有什么应用场景呢？

coderwhyES10-trimStarttrimEnd

◼去除一个字符串首尾的空格，我们可以通过trim方法，如果单独去除前面或者后面呢？

ES10中给我们提供了trimStart和trimEnd；

cod