文章目录
- 导文
- 可选链操作符(Optional Chaining Operator)
- 空值合并操作符(Nullish Coalescing Operator)
- 动态 import() 函数
- BigInt 类型
- Promise.allSettled()
导文
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 是成功还是失败,它都会被解析。