ES2024新特性
2024-05-10 本文已影响0人
啥名都不好起
1、Promise新增静态方法
- 返回一个对象{ promise, resolve, reject }
const { promise, resolve, reject } = Promise.withResolvers();
- 可以在Promise实例统计获取到对应的resolve和reject函数
const { promise, resolve, reject } = Promise.withResolvers();
// 在这里可以使用 resolve 和 reject 函数
setTimeout(() => resolve('成功！'), 1000);
promise.then(value => {
console.log(value); // 输出: 成功！
});
2、 String.prototype新增原型方法
String.prototype 新增原型方法对应的 TC39 提案是“Well-Formed Unicode Strings”（正确格式的 Unicode 字符串）。
类似于几年前防止 JSON.stringify() 方法返回错误格式的 Unicode 字符串的提案，这个提案也涉及字符串是否为正确格式的 Unicode。
该提案在 String.prototype 上新增了两个原型方法：
- String.prototype.isWellFormed()
- String.prototype.toWellFormed()
2-1 String.prototype.isWellFormed()
- 判断字符串格式是否正确
const right = 'abc'
const wrong = 'ab\uD800c'
right.isWellFormed() // true，格式正确
wrong.isWellFormed() // false，格式错误
2-2 String.prototype.toWellFormed()
- 格式化错误的unicode字符串
const url = 'https://bilibili.com/search?q=\uD800'
encodeURI(url.toWellFormed())
// "https://bilibili.com/search?q=%EF%BF%BD"
3、数组分组
数组分组提案在 Object 和 Map 上新增了两个静态方法：
- Object.groupBy()
- Map.groupBy()
3-1、Object.groupBy()
- Object.groupBy() 静态方法可以基于传递的回调函数返回的字符串，对给定对象中的元素分组。
const fans = [
{ name: '龙猫', type: '猫猫' },
{ name: '机器猫', type: '猫猫' },
{ name: '邓紫棋', type: '女粉' },
{ name: '冯提莫', type: '女粉' }
]
const result = Object.groupBy(fans, ({ type }) => type)
image.png
-
当出现嵌套对象时可以这么做
image.png
Object.groupBy(fans, ({ type }) => {
if (typeof type === 'string') {
return type
} else {
return type.type
}
})
image.png
3-2、Map.groupBy()
-
Map.groupBy() 静态方法和 Object.groupBy()大同小异，区别是Map.groupBy()方法返回的是一个Map对象，而Object.groupBy()返回的是一个无原型对象（即返回结果的prototype是null）
-
正则表达式 v 标志提案
-
Atomics.waitAsync 提案
-
ArrayBuffer 转换提案
- ArrayBuffer.prototype.detached
- ArrayBuffer.prototype.transfer()
- ArrayBuffer.prototype.transferToFixedLength()
-
可调整大小的 ArrayBuffers 提案
- ArrayBuffer.prototype.slice()
- ArrayBuffer.prototype.resize()
- ArrayBuffer.prototype.resizable
- ArrayBuffer.prototype.byteLength
- ArrayBuffer.prototype.maxByteLength
