顶层 await
在 ES Module 中,现在可以直接在顶层使用 await 关键字,而不需要再使用包装函数来调用异步函数。
// 如果文件是ES模块(在package.json中设置,具有exports,命名为".mts"),我们可以直接在顶层使用await。
console.log(await asyncFuncSuccess()); // "test"
try {
await asyncFuncFail();
} catch (e) {
console.error(e); // Error: "Test"
}
// 这是因为所有的async调用都被等待,所以在Promise结果之后记录的。
console.log('Hello'); // "Hello"
String.replaceAll()
const testString = 'hello/ConardLi everyone/everybody';
// 先前,仅替换第一个实例:
console.log(testString.replace('/', '|')); // 'hello|ConardLi everyone/everybody'
// 需要使用正则表达式,这会降低性能并需要进行转义。
// 不使用全局标志(/g)。
console.log(testString.replace(/\//g, '|')); // 'hello|ConardLi everyone|everybody'
// 使用replaceAll可以更清晰和更快。
console.log(testString.replaceAll('/', '|')); // 'hello|ConardLi everyone|everybody'
Promise.any
Promise.any 方法接收一个 Promise 数组作为参数,当其中只需要一个 Promise 的结果时,它将返回第一个 Promise 的结果。如果所有的 Promise 都被拒绝了,它将返回一个 AggregateError,这个错误包含了所有被拒绝的 Promise 的错误信息。不同于 Promise.race 方法,它在任何一个 Promise 被拒绝时就会立即拒绝,我们可以用它处理多个异步操作中只需要其中一个结果的情况。
Promise.allSettled()
Promise.all() 和 Promise.allSettled() 都用于同时处理多个 Promise,区别在于如果 Promise.all() 中存在一个 Promise reject/throw,就会立即返回 reject/throw;而 Promise.allSettled() 则会等待所有 Promise 执行完成,然后返回所有 Promise 的执行结果
赋值操作符 (??=)
操作符只在变量的值为 null 或 undefined 时才会执行赋值操作。
BigInt
BigInt 是 JavaScript 中的一种新数据类型,用于处理大型整数,这些整数可能超过 JavaScript 最大的可表示数字范围(-2^53 ~ 2^53),从而导致存储和操作数据时出现精度误差。BigInt 数据类型可以使用 BigInt()
globalThis
globalThis 是一个全局对象,可以用于获取全局上下文中的变量,不管在哪个执行环境下,例如在浏览器中或在 Node.js 服务器环境中。在浏览器中,globalThis 相当于在顶层作用域中使用 this 关键字。
Array.Includes
判断一个数组中是否包含一个指定的元素,对于NaN、undefined的查找,includes要好于indexOf:
arr.includes(valueToFind, fromIndex)
Object.values
之前我们可以通过 Object.keys 获取一个对象所有的key,在ES8中提供了 Object.values 来获取所有的value值:
const obj = {
name: "why",
age: 18,
height: 1.88
}
console.log(Object.values(obj)) // [ 'why', 18, 1.88 ]
网友评论