ECMAScript 新版本特性

ES 14 (2023)

主要是TypedArray方法，操作返回新数组。

数组的toSorted方法，不同于sort方法，toSorted创建一个新数组，，且支持对象数组排序。 const objects = [{ name: "John", age: 30 }, { name: "Jane", age: 25 }, { name: "Bill", age: 40 }, { name: "Mary", age: 20 }]; const sortedObjects = objects.toSorted((a, b) => { return a.name.localeCompare(b.name); });
toReversed方法是reverse方法的新数组版本。
with方法，根据索引修改数组中某项的值，返回新数组，方便链式操作。 [1, 2, 3].with(1, 4); //返回值是 [1, 4, 3]
findLast和findLastIndex，根据条件查找元素，前者返回元素或undefined，后者返回索引或-1。 const lastEvenIndex = arr.findLast((element) => { return element % 2 === 0; });
toSplice(startIndex, deletedCount, ...items) 切割并添加新元素。

主要是类功能的扩展。

String 类的 replaceAll() 方法。
Promise.any([promise1, promise2, promise3]) 任何一个成功则resolve，全部失败才reject。
WeekMap和WeekSet，当集合中的对象不再被使用时，GC 会主动回收以释放内存。
逻辑运算符和赋值表达式&&=、||=、??=。
- a &&= b，当a存在时将b的值赋给a。
- a ||= b，当a不存在时将b的值赋给a。
- a ??= b，当a为null或undefined时，将b的值赋给a。可用于初始化或实例对象缺失的属性，如let a = {}; a.b ??= 1;，a为{"b": 1}。
数字分隔符，适用于大数，如1_000_000_000，更易读。

BigInt 大数。let a = BigInt(123); 或 let a = 123n。
String.prototype.matchAll 返回所有匹配项。
globalThis 统一全局对象。
空值合并运算符??，比||功能少一些，||支持(false,0,"",NaN,null,undefined)，而??只支持null和undefined。??和||在一起时如果出错的话用圆括号。
可选链?.。原来的obj != null && obj.method != null && obj.method()可修改为 obj?.method?.()。还可以array?.[1]?.attr或let a = obj?.attr?.value ?? 'default'。
Promise.allSettled 接收一个Promise数组，当所有的Promise对象完成时触发then，不管成功还是失败。
动态导入和聚合导出，浏览器端开发不能用。

异步迭代器 for await (let item of collection) { ... }
Object Rest Spread，对象属性复制。 const input = { a: 1, b: 2, c: 1 } const output = { ...input, c: 3 } console.log(output) // {a: 1, b: 2, c: 3}
Promise.prototype.finally
正则表达式新特性：dotAll、命名捕获组、后行断言、Unicode 转义

异步函数 asyn/await function () { ... } 返回一个 Promise 对象。
Object.entries() 将一个对象中可枚举属性的键名和键值按照二维数组的方式返回。 Object.entries({ one: 1, two: 2 }) //[['one', 1], ['two', 2]] var map2 = new Map(Object.entries(obj));
Object.keys() 只返回自己的键值对中键的值。
Object.values() 只返回自己的键值对中属性的值。
String.prototype.padStart(targetLength, padding) 用字符 padding 填充字符串左侧至 targetLength 长度。
String.prototype.padEnd(targetLength, padding) 用字符 padding 填充字符串右侧至 targetLength 长度。
Object.getOwnPropertyDescriptors() 该方法会返回目标对象中所有属性的属性描述符，该属性必须是对象自己定义的，不能是从原型链继承来的。
函数参数支持尾部逗号。
装饰器@decorator，可以用到类和方法上，不能用于函数上，可以传参，可以使用多个。 @speak("hello world") class Person { } function speak(text) { return function(target) { target.say = text; } } console.log(Person.say) //'hello world' class Person { constructor() {} @speak say() { //... } } function speak(target, key, descriptor) { console.log(target); console.log(key); console.log(descriptor); descriptor.value = function() { //... } } let person = new Person() person.say()
target 类的原型对象，上例是 Person.prototype，key 所要修饰的类名，descriptor 该属性的描述对象