文档详情

JS基础实战课件11_ES6~ES13新特性(三).pptx

发布:2024-12-04约2.31千字共27页下载文档
文本预览下载声明

ES7~ES13新特性(三);;在ES7之前,如果我们想判断一个数组中是否包含某个元素,需要通过indexOf获取结果,并且判断是否为-1。

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

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

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

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

在ES8中提供了Object.values来获取所有的value值:;通过Object.entries可以获取到一个数组,数组中会存放可枚举属性的键值对数组。

可以针对对象、数组、字符串进行操作;;某些字符串我们需要对其进行前后的填充,来实现某种格式化效果,ES8中增加了padStart和padEnd方法,分别是对字符串的首尾进行填充的。

我们简单具一个应用场景:比如需要对身份证、银行卡的前面位数进行隐藏:;在ES8中,我们允许在函数定义和调用时多加一个逗号:;Object.getOwnPropertyDescriptors:

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

AsyncFunction:async、await

后续讲完Promise讲解;Asynciterators:后续迭代器讲解

Objectspreadoperators:前面讲过了

Promisefinally:后续讲Promise讲解

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

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

注意一:flatMap是先进行map操作,再做flat的操作;

注意二:flatMap中的flat相当于深度为1;

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

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

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

那么这个方法有什么应用场景呢?;去除一个字符串首尾的空格,我们可以通过trim方法,如果单独去除前面或者后面呢?

ES10中给我们提供了trimStart和trimEnd;

;Symboldescription:已经讲过了

Optionalcatchbinding:后面讲解trycach讲解;在早期的JavaScript中,我们不能正确的表示过大的数字:

大于MAX_SAFE_INTEGER的数值,表示的可能是不正确的。

那么ES11中,引入??新的数据类型BigInt,用于表示大的整数:

BitInt的表示方法是在数值的后面加上n

;ES11,NullishCoalescingOperator增加了空值合并操作符:;可选链也是ES11中新增一个特性,主要作用是让我们的代码在进行null和undefined判断时更加清晰和简洁:;在之前我们希望获取JavaScript环境的全局对象,不同的环境获取的方式是不一样的

比如在浏览器中可以通过this、window来获取;

比如在Node中我们需要通过global来获取;

在ES11中对获取全局对象进行了统一的规范:globalThis

;在ES11之前,虽然很多浏览器支持for...in来遍历对象类型,但是并没有被ECMA标准化。

在ES11中,对其进行了标准化,for...in是用于遍历对象的key的:

;DynamicImport:后续ESModule模块化中讲解。

Promise.allSettled:后续讲Promise的时候讲解。

importmeta:后续ESModule模块化中讲解。

;FinalizationRegistry对象可以让你在对象被垃圾回收时请求一个回调。

FinalizationRegistry提供了这样的一种方法:当一个在注册表中注册的对象被回收时,请求在某个时间点上调用一个清理回调。(清理回调有时被称为finalizer);

你可以通过调用register方法,注册任何你想要清理回调的对象,传入该对象和所含的值;

;如果我们默认将一个对象赋值给另外一个引用,那么这个引用是一个强引用:

如果我们希望是一个弱引用的话,可以使用WeakRef;

;ES12-logicalassignmentoperators;NumericSeparator:讲过了;

String.replaceAll:字符串替换;

;前面我们有学过字符串、数组的at方法,它们是作为ES13中的新特性加入的:

;Object中新增

显示全部
相似文档