JavaScript ES11新特性

在这里插入图片描述


导文

JavaScript ES11,也被称为ES2020,引入了一些新特性和语言改进

可选链操作符(Optional Chaining Operator)

可选链操作符 ?. 允许在访问可能为 null 或 undefined 的属性或方法时避免出现错误。如果链中的某个属性或方法不存在,则整个表达式的值将为 undefined,而不会抛出异常。
可以使用 ?. 来访问可能为 null 或 undefined 的属性或方法,避免出现错误。例如:

const name = person?.name;
const age = person?.age?.value;

空值合并操作符(Nullish Coalescing Operator)

?? 可以用来提供默认值,当左侧的值为 null 或 undefined 时,使用右侧的值作为结果。
空值合并操作符 ?? 主要用于检查变量是否为 null 或 undefined,如果是,则返回默认值。与逻辑或操作符 || 不同,空值合并操作符只有在变量值为 null 或 undefined 时才会返回默认值,其他 falsy 值(如空字符串、0 或 false)仍然会返回变量本身。例如:

const value = someVariable ?? defaultValue;

动态 import() 函数

能够动态地导入模块,返回一个 Promise 对象,可以在需要时按需加载代码。例如:

import("./module.js")
    .then(module => {
    
    
        // 使用导入的模块
    })
    .catch(error => {
    
    
        // 处理导入失败的情况
    });

ES11 提供了动态导入模块的能力,通过使用 import() 函数,可以在运行时按需加载模块。这对于异步加载模块、按需加载代码或实现懒加载非常有用。

BigInt 类型

用于表示任意精度的整数,通过在数字字面量后面添加 n,或者通过调用 BigInt() 方法将其转换为 BigInt 类型。例如:

const bigNumber = 1234567890123456789012345678901234567890n;
const converted = BigInt("1234567890123456789012345678901234567890");

BigInt 是一种新的原始数据类型,用于表示任意精度的整数。它允许超过 JavaScript 中 Number 类型所能表示的最大安全整数范围限制。

Promise.allSettled()

接收多个 Promise 对象,并返回一个新的 Promise,当所有的 Promise 完成(不管是成功还是失败)时才会被 resolve。返回的结果是一个数组,每个元素包含原始 Promise 的状态和值。例如:

Promise.allSettled([promise1, promise2])
    .then(results => {
    
    
        for (const result of results) {
    
    
            console.log(result.status, result.value);
        }
    });

Promise.allSettled() 是一个新的 Promise API,它接收一个 Promise 数组,并在所有 Promise 完成后返回一个新的 Promise,该 Promise 的值是一个包含每个 Promise 状态和结果的对象数组。无论 Promise 是成功还是失败,它都会被解析。

猜你喜欢

转载自blog.csdn.net/weixin_48998573/article/details/131321059