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 是成功还是失败，它都会被解析。